Return to previous page

Image quality gettting blurred out, whats a proper solution?

This topic has 4 replies, 2 voices, and was last updated 8 months, 1 weeks ago ago by Rose Tyler

Nicolo

Participant

March 15, 2024 at 14:31

Hi there

The product images seem to lose quality for the shop page, thumbnails, and elsewhere.

I checked your documentation but don’t understand why this is happening.

Do you have any tips on optimizing image quality, especially for woocommerce and the theme settings for this?

I have tried with my images and also with the existing ones from the template, Feel free to log into admin to check the status and troubleshoot the issue. Check private content area.

Thanks a lot for your help!

Please, contact administrator
for this information.

#387105 Copied Theme version: 9.2.9

3 Answers

Rose Tyler

Support staff

March 15, 2024 at 15:24

Hello,

Thank you for reaching out to us with your concern regarding the image quality on your shop page and thumbnails. We understand how important it is to have high-quality images to showcase your products effectively.

To address this issue, we kindly ask you to review the following article, which provides detailed guidance on managing product images: https://www.8theme.com/documentation/xstore/woocommerce/product-images/

Here is a screenshot from your Shop page https://prnt.sc/HOF07LoFDsjl , so please go to Appearance > Customize > WooCommerce > Product Images > Thumbnail Width > set 432px . Once you have made this change, please proceed to regenerate the thumbnails using the appropriate plugin.

Best Regards,
8Theme’s Team

#387120 Copied

Nicolo

Participant

March 15, 2024 at 15:53

Ok, thanks alot.

done, so next is to download a plugin to regenerate all thumbnails?

Following important questions:
Do you recommend webp files for the theme? If not, what is the optimal file?
What is the recommended prod photo dimensions and file size?

Max widht of 600? File size >200kb?

Thanks a lot!

#387123 Copied

Rose Tyler

Support staff

March 15, 2024 at 16:07

Hello,

We would like to inform you that the actions required are detailed in the documentation. Specifically, you are required to regenerate the images using the designated plugin.

Please note that the dimensions of the images are not related to the theme. The settings mentioned are derived from the WooCommerce plugin. Therefore, we kindly suggest directing any inquiries regarding this matter to the WooCommerce support forum at the following link: https://wordpress.org/support/plugin/woocommerce/

It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery and for products.

Also, note that Zoom on hover (single product page https://elmate.no/produkt/el-mate-kopp/ ) shows the image in real size it was uploaded on the site.

We hope this information is helpful.

Best Regards,
The 8Theme Team

#387127 Copied
Tagged: blurry images, image quality, improvement, solution, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)