Product Thumbnail Size problem

Hello rdtardif,

Thank you for contacting Woo support.

To better understand what’s happening, could you edit one of the affected products and share screenshots with me? I want to check how the images are being added to the product gallery.
This will help me see what might be triggering the use of the 648×648 thumbnail size.

Looking forward to your response. ??

Best regards.

This is the product page. These are the oldest product that were created in 2016.

• This reply was modified 2 months, 2 weeks ago by rdtardif.

Hi @rdtardif,

I remember you from this other thread. To avoid duplicates, can we close this one and continue over the other thread where we have advanced more on this troubleshooting?

Meanwhile, another important step to try is downloading the images from one of your old products that have this problem, deleting them from the media library, and then re-uploading them to refresh them; this may solve the issue with the incorrect thumbnail sizes. Can you try this approach with at least one product?

Other than this, it’s important to learn why the images regeneration process isn’t running. You can check this guide to learn more: https://developer.woocommerce.com/docs/thumbnail-image-regeneration/

Thanks!
-OP

Hi,

The other thread was closed and I feel it’s more pertinent for this Storefront sub forum as these image size are controlled by the theme and I have no control to change them.

I am pretty sure that re-uploading the picture for every product would work, it would force WP to generate the new thumbnail size and stop trying to link to an non-existent size. The 648×648 size was maybe the size of my old theme before I switched to storefront.

The only problem with downloading and re-uploading every product image is time, there is a lot of them to process.

The thumbnail regeneration works flawlessly; the theme ask for 100×100 and 150×150 picture and they are generated but nowhere is it requested to make the 648×648 size as it’s not used anymore that’s why they don’t get generated. Even when I create a duplicate of the product the image are not working.

I have a staging site that was created in november 2023 and on the staging site there is no problem with the picture, there is no “srcset” command in the image link and only the 100×100 picture is linked. That is strange.

Hello rdtardif,

Thank you for your reply.

I understand that the other thread was closed.
Let’s continue on this thread.

I can see that thumbnails are appearing under Product Gallery.
Could you right-click those thumbnails and open the image in a new tab?
Then copy those URLs and share them with me.

I want to check if the image does not exist in the Media Library then how does a URL for the thumbnail work?

Looking forward to your response. ??

Best regards.

Hi,

On the Edit Product Page, the Product Gallery image link are as follow;
https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-100×100.png
https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-3-100×100.png
https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-4-100×100.png

But on the product page here’s the code of the thumbnail;

<img onload=”this.width = this.naturalWidth; this.height = this.naturalHeight” src=”https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-100×100.png&#8221; srcset=”https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-100×100.png 100w, https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-150×150.png 150w, https://www.deeworks.ca/wp-content/uploads/2016/01/T5-adapter-2-648×648.png 648w” draggable=”false” class=””>

I really don’t know why there is a third “srcset” for the size that I have not set anywhere in the site.

For example, here is the same thumbnail image source on my staging site, notice there is no “srcset” code in the line:

<img onload="this.width = this.naturalWidth; this.height = this.naturalHeight" src="https://www.deeworks.ca/deeworks-api-tes/wp-content/uploads/2016/01/T5-adapter-2-100x100.png" draggable="false" width="100" height="100" class="flex-active">

I have about 50 product with this problem

Hi @rdtardif,

Thank you for the additional details. I’m thinking maybe cleaning your media library for old unused thumbnail sizes may be a good approach to try then.

Have you tried those plugins already?

• https://www.ads-software.com/plugins/media-cleaner/
• https://www.ads-software.com/plugins/force-regenerate-thumbnails/

Please let us know if this works!

Thanks!
-OP