Woo Commerce picture size

[SHK111]

Hi,

I wanted to have your advice with the issue that I met today.

I’m working on a Macbook pro retina 15″ & a 24″ LG full HD (non retina :()

When, I’m checking for a product from google, I arrive on the product page, and:

– On retina display, everything is fine
– On LG display, only Chrome allow me to see the product picture in good quality. Firefox, Opera & Safari show me a foggy picture. Once I click on the zoom, it show me the good quality.

What can be wrong ?

Attachments:

You must be logged in to view attached files.

[SHK111]

I forgot to add that I cleared the cache, use the “Regenerate Thumbnails” plugin

[Kyle – SUPPORT]

Hi

What are your image sizes in the woocommerce settings?

– Kyle

[SHK111]

Catalog images : 300 x 300px hard crop
Single Product Image : 400 x 400px no hard crop
Product Thumbnails : 180 x 180px hard crop
Product Image Gallery: Disable

[Kyle – SUPPORT]

That would be why, we recommend setting the width to 700px

Regenerate thumbnails afterwards

– Kyle

[SHK111]

For Single Product Image ?

[David Martin – Support]

Wherever you see the blur, test doubling the image size. Then you must rebuild the images using the plugin: https://wordpress.org/support/plugin/ajax-thumbnail-rebuild.

[SHK111]

Regenerate Thumbnails is not enough ?

[Kyle – SUPPORT]

Yes the regenerate thumbnails plugin is fine

– Kyle

[SHK111]

Ok it works. thanks

[Kyle – SUPPORT]

Great, no problem

[SHK111]

Just looked up on phone and the categories pictures looks foggy too. There is another option for that ?

[Kyle – SUPPORT]

Can you provide a link?

– Kyle

[SHK111]

This reply has been marked as private.

[Kyle – SUPPORT]

They’re using 300×300, did you not increase the sizes?

– Kyle