Better image scaling/cropping

13 posts / 0 new
Last post
Better image scaling/cropping

It's somewhat complex knowing how best to scale and crop images when you have many thumbnail sizes, and the images in question range wildly in size and dimension, from square papers, to long, thin ribbons.

I've worked on this previously, but Marisa and I still weren't happy with how thumbnails were being cropped for some images, so that you couldn't see the full image very well. For example, check out this screenshot of the front page from earlier today:

Anyway, I spent quite a lot of time today improving the system (which I wanted to do before our new designers came on board): we now have nearly fifty image styles, and several switching mechanisms that scale and crop images differently depending on image dimensions and ratios. Here's the end result for that same front page screenshot:

Now you can see what that word art actually says!

Because of CDN and browser caching, you won't see the changes right away (the front page might still look like that old screenshot), but over the next few days you should see a difference...

Thank you Jordan! I so appreciate the efforts you and Marisa are making to make this "community" so efficient!

the updated version looks great!

Wow! Jordan you made a wonderful job on it!

Thank you Jordan, It is so much better. smiley

you guys are working so hard to tweak the site. i know i for one appreciate all you do

It looks much better. Great work smiley

Great work!!!

The new way of viewing the entire images looks fantastic Jordan!!! Thanks for spending so much time tweaking that to make it easier for us. smiley

it looks wonderful! thank you so much!

Hi, Jordan - I've noticed as I upload assets that sometimes the small preview looks good, but then the large preview is squashed. Check ribbons here - this is actually a 12 inch ribbon - and this 5x7 card here - this card should look like this cards preview. Also, the watermark only shows on various assets, not all of them? It's strange because sometimes everything is fine, other times it looks like the above mentioned. Hmm. Is it something I'm doing?

@Brooke: there was some issue with the scaling for a while, and my guess is that you are seeing old images that are cached in your browser. Here's how the 5x7 card looks for me, and here's the ribbon (which is cropped to show detail).

If those aren't the images you're seeing, you can clear your browser cache to see the current images. If you're using Chrome, there's a guide to doing that here. (Select the "cache" option only and clear "from the beginning of time"):

Jordan - I usually use Firefox, so I emptied the cache as you suggested and that did the trick! Thanks!