- This topic has 9 replies, 2 voices, and was last updated 4 months, 3 weeks ago by ustar.
September 9, 2019 at 12:42 pm #1005159ustar
When checking the site in the GT Metrix service, it was found that thumbnails for the preview of product cards are formed from large images to small using HTIL or CSS.
Why did not uses already small thumbnails?
Please tell me what to look for. Or what should be changed so that ready made thumbnails are used forming a page?
Thanks!September 9, 2019 at 4:18 pm #1005259TomLead DeveloperLead Developer
It looks like it’s complaining about your archive product images. Have you tried setting them to a smaller size in Customize > WooCommerce?September 10, 2019 at 1:51 am #1005469ustar
Thanks for your answer!
I had settings:
Main image width
600×600 (as they made) for item page.
Now i set
275×275 as tells in the test results
But, test still tells me to scale images.
Regards, Sergey.September 10, 2019 at 9:46 am #1005988TomLead DeveloperLead Developer
Well, the images are 600×600, but they’re displaying at 250×250 (ish). You could reduce them more, but I would focus more on making sure they’re well optimized and loading fast. A lazy loading plugin would help as well.September 11, 2019 at 10:44 am #1007031ustar
Ok, it’s clear.
In my wp-content/uploads/ folders i uploaded original images 800×800. For example image.jpg
It was for another theme, just befor i’m installed Generatepress. But, anyway.
Then WordPress (or the old theme) automatically generated many copies of this file with different dimentions.
For example image-100×100.jpg, image-300×300.jpg, image-510×510.jpg etc.
My question is:
1. When i set in Customize/Woocommerce/Product images
Main image width 510 (because i have already image-510×510.jpg on the server), Thumbnail width 300 (because i have already image-300×300.jpg) and Thumbnail cropping to Uncropped,
why i see in the browser console that images on category pages are 275×275 (but no 300×300) and on product page 560×560 (but no 510×510)?
I would not want additional image transformations with every page request.
How to make sure that exactly the images that exactly match the settings in the admin section are used?
Best wishes, Sergey.September 11, 2019 at 10:57 am #1007046ustar
2. Is it possible to regenerate thumbnails after settings changes? So that they are used to build pages and do not require online conversions.September 11, 2019 at 2:54 pm #1007179TomLead DeveloperLead Developer
Those are actually WooCommerce settings, so your images should reflect the options you’ve set in the Customizer. It’s possible that their image resizer isn’t working with your server, but it might be worth contacting their support.
You can regenerate thumbnails with a plugin like this: https://wordpress.org/plugins/regenerate-thumbnails/September 11, 2019 at 3:03 pm #1007188ustar
Thanks, Tom.September 11, 2019 at 3:06 pm #1007190TomLead DeveloperLead DeveloperMay 31, 2020 at 4:00 am #1308478ustar
- You must be logged in to reply to this topic.