Thumbnails on galleries are in different sizes

Hi raphaefeli. Here’s what appears to be happening. The default WP “thumbnail” size is 150×150, unless it’s been changed or the “hard crop” option has been turned off. In your case, since the default “thumbnail” size is different for different images, it appears either one or both of those options has been changed. In your gallery, where the image containers are using the “attachment-thumbnail” class (which is the default WP “thumbnail”), the thumbnail image sizes vary, including 128×72, 128×85, 128×88, 128×92. When the image is displayed it is styled for width:100% and height:auto. Since the image container is 209px wide, the image is expanded proportionately. So, for example, if the image is 128×72, and the container width is 209px, that’s a factor of 1.6328. Multiply the image height 72 x 1.6328 and you get 117px. If the image height is 92px, the result is 92 x 1.628 = 149px.

You mentioned “they were working previously” so not sure what changed between then and now. Running Regenerate Thumbnails won’t change anything unless the default image sizes or the cropping option have been modified.

Here is another reference for WP image cropping. Hope that helps.

Thank you. The default thumbnail size is in fact reset. Since the container width is 209px, should I change the auto size to 209×209 so that the images are not distorted?

Thanks

Sure, and then run Regenerate Thumbnails to see what you get.

so, i began with setting the default thumbnail size back to 150×150 and ran the regenerate plugin. did not work, in fact, it looks worse.

here’s a screenshot of my settings: https://www.thef1fan.com/wp-content/uploads/2015/04/2015-04-02_1117.png

Example page: https://www.thef1fan.com/formula-1-news/2015-malaysian-grand-prix-photos?cache=no

still no luck ??

I see that they are now all the same size. But there doesn’t appear to be any resizing occurring; it looks like the images are all sized the same. For example:

<img width=”209″ height=”99″ src=”https://www.thef1fan.com/wp-content/uploads/2015/03/malaysian-grand-prix-20-209×99.jpg&#8221; class=”attachment-thumbnail” alt=”2015 Malaysian Grand Prix ? Red Bull Racing / Facebook” aria-describedby=”gallery-2-1699″>

Not sure where the 209×99 size would come from. My first inclination would be that there is a thumbnail size of 209×99 defined somewhere. Any plugins (other than Regenerate Thumbnails) that are designed to work with images? Also, you mentioned that “they were working previously”. Any ideas about what changed between then and when you noticed the change?

ok, i made another change. to keep up with the aspect ratio of the featured image, i updated my thumbnail sizes to 279×130 and changed my galleries to 3 column instead. ran the regenerate plugin and things seem to work now. the blurry images are also gone.

thanks for the help bdbrown!