Hi, I believe I've asked about this before, but I forget the answer and perhaps it's changed, since I asked a long while ago. Photos always seem to lose a massive amount of resolution upon upload to the blog. The photos I've uploaded here (http://cookieconnection.juliau...t/572707424101729238) are super sharp and focused in Photoshop, but now that they're in the blog text, they look super fuzzy (esp. the verticals). By contrast, the title image looks closer to the photo quality that all of the other images started out with. Why would the title image upload with a finer resolution? What can be done to combat the graininess that all photos seem to have once uploaded? Can you do something? Or are there ideal/certain photos specs that I need to use? I will say that I upload the very same photos to multiple social media sites and my own personal site each time I do a blog post like this, and the resolution on your blog is so bad compared to the rest. I would really like my photos to display at their best, but in the four or so years that I've been using Hoop.la, I have never figured out how to do this. Thanks in advance.
Here's the topic from the last time you asked the question.
The short answer is that Hoop.la scales down uploaded images to 1000 x 1000, and the quality is automatically adjusted by compressing to reduce file size. The closer your images are to square (1:1 aspect ratio), the better.
Hope that helps!
But not all images can be square; it just doesn't work that way with the things we show on our site, or on most sites. Do you have any plans to fix this? Even the square images are not as resolved as the title image. Also wondering why the title image, which is not square, looks crisp, but when loaded into text editor, it looks a mess.
It's not a requirement that all images be square, but you don't want them to be extremely wide or tall. The more extreme that aspect ratio is, the greater the likelihood of quality loss when we have to resize it.
About the resizing: note that a major reason for the resizing is to keep your site responsive. If we don't resize, then things get out of whack with different sizes of screens, and you lose the responsiveness.
The big difference between the title image and other images is that the title image is displayed at its natural resolution, but pixels that don't fit within the title image box are cropped out. The other images (within the post) are resized and scaled to fit, which may cause some blurriness, but that's generally a browser artifact.
I've looked at all the images in that post, and I think they all look great, and I don't see ANY blurriness. I'm using Chrome, but different browsers can render images a little bit differently.
Ooh, I see tons of blurriness in Chrome as well. You would too if you knew the original image. The vertical one is a particular mess. One more question, my last square image in the post looks relatively sharp compared to the other square images in the post and I am not sure why, as both are equally sharp on my laptop. Are there ideal photo types/dpi that I should be using upon upload to lose less resolution on square images (i.e., jpeg vs png, 300 dpi vs 70 dpi, etc.)? Thanks!
In terms of Hoop.la itself, I think the file type doesn't matter. However, here's an article I found about what graphics file to use when that seems like it might be helpful.