Hello there @shushuair
As you successfully quoted, this isn’t a Smush issue or something that creates.
It seems that the active theme is using smaller image thumbnails for the product gallery ( a 350px wide thumbnail is stretched into an 865px wide container, thus the loss of quality )
https://monosnap.com/file/48B4adf1eOWezoapImMBefinpgFckX
Not sure if this is a matter of options though, so double-check which image thumbnails you’re using in your products and if you do not have any control over them, contact the theme authors about it.
Thank you,
Dimitris
Thank you, Dimitris, for the answer.
The main thing is that I double checked my images (for example, this one which we discuss), and its dimensions 4032 x 3024 pixels.
And in media gallery on website it looks the same like the main image of product, but then “in final version for customer” suddenly all products except main image are blurry.
Perhaps, unfortunately, I didn’t catch your idea.
Here what I do on picture.
https://monosnap.com/file/bSCsNTfcByXzyitNbcMbLoKSZpYB06?idx=undefined&total=0
if photo for Product image, it reflects perfect, but if regular “product gallery” pictures, it’s blurry despite being the same quality in media library on the website.
Hi @shushuair
You “original” picture may be 4032 x 3024 pixels but it doesn’t mean this specific image is used.
Whenever you upload any image to WordPress powered website, WordPress automatically creates additional – smaller – images out of the one that you upload. By default there are three smaller image sizes but themes and plugins can also register their own sizes.
For example:
– you upload 4000x4000px image so that image is stored
– a 2560x2560px version is created (since 5.3 version of WordPress it’s “new original”)
– a 1024x1024px “large” thumbnail is created
– a 500x500px “medium” thumbnail is created
– a 150x150px “small” thumbnail is created
A template file can load any of them as it can be specified within the function that loads an image – developer can tell in the code which size to load.
If theme loads e.g. 150x150px image but then it uses CSS (out of the box or custom added) that enlarges that image to 1500x1500px then such an image will be scaled up by the browser, loosing quality.
This is what my colleague meant and what’s happening on site so it needs to be fixed on theme level and if there’s no any option in theme options to choose which size should be used, you would need to contact theme authors for help as they should be able to provide solution.
Best regards,
Adam
Hi, Adam! Thank you a lot, it became by far more clear for me.
https://monosnap.com/file/0KlYwlQDnn6uiumBDNWQg2USwUwQac?idx=undefined&total=1
So If I’m not mistaken to change on theme level it means in these settings?
And what to choose to make it high quality thumbnail image?
Briefly, are these settings allow me to change on my own or I should ask that guys who made me website?
Hi @shushuair,
Your screenshot shows default WP thumbnail settings and that is something that usually isn’t changed, because even if you do manage to get the proper thumbnail to get larger it can affect other aspects on your site, cause larger images to be loaded where they shouldn’t be and with that increase load times of your site.
The thing is that theme itself is what defines which thumbnail should be loaded, so if it’s too small it should use a different (larger) one instead of increasing the size of your existing thumbnails.
Some page builders would allow you to choose different size in builder settings so depending on how your site is built, is it just the theme or a theme with page builder you would need to get in touch with that theme/plugin develoeprs to see how you can set a bigger image size.
Cheers,
Predrag
Hi @shushuair
I hope you are doing well and safe!
We haven’t heard from you in a while, I’ll mark this thread as resolved.
Feel free to let us know if you have any additional question or problem.
Best Regards
Patrick Freitas
