Variation images extremely bad quality

[Dylan-]

Okay so my variation images look like this when clicked on in the flatsome theme

https://imgur.com/uoJ9YsE

What can i do about this?

 

[Dimitrios]

I had the same problem with Flatsome. Just unclick at jetpack the option which loads your images from their server.

 

[Mar]

Okay so my variation images look like this when clicked on in the flatsome theme

https://imgur.com/uoJ9YsE

What can i do about this?

I am using Flatsome theme but my variation images look like this. There must be something that make your image blurred.

 

[kukiman]

I guess the problem is that when importing product from Aliexpress, sometimes the variation images are just small, they look good as variations mini photos however as a full scale photos - they are very low quality due to pixel scaling. Can somebody confirm ?

 

[Arnaldo]

@Dylan-

1. Check your Woocommerce product image settings under customization tab.

2. Take one of your product featured image like the one you showed. Do right click on Chrome and choose "inspect" to open console.

3. Click on the featured image after having selected the "arrow" button on the chrome console and click your image.



Chrome console will display the dimension of your image in pixel.

If you use Flatsome default layout which is 50/50% column width like the one you use, correct image thumbnails should be 510px.

4. Go to Woocommerce product image size settings and use the following:

- featured image = 510 px
- Shop/gallery thumbnail = 247 px
- Crop ratio 1:1 (square) because most images on Ali are like that.

Once done, let Woocommerce regenerate thumbnails in the background or use "Force regenerate thumbnails" plugins to reset all you thumbnails.

Normally that should fix your issue.

Flatsome docs had a tutorial on this but the page has been removed since...

Cheers.

 

[kukiman]

@Dylan-

1. Check your Woocommerce product image settings under customization tab.

2. Take one of your product featured image like the one you showed. Do right click on Chrome and choose "inspect" to open console.

3. Click on the featured image after having selected the "arrow" button on the chrome console and click your image.

View attachment 6699

Chrome console will display the dimension of your image in pixel.

If you use Flatsome default layout which is 50/50% column width like the one you use, correct image thumbnails should be 510px.

4. Go to Woocommerce product image size settings and use the following:

- featured image = 510 px
- Shop/gallery thumbnail = 247 px
- Crop ratio 1:1 (square) because most images on Ali are like that.

Once done, let Woocommerce regenerate thumbnails in the background or use "Force regenerate thumbnails" plugins to reset all you thumbnails.


Cheers.

I just did it, and the problem is - many of my thumbnails disappeared, they are not there now

This is what I got now, just the photo name, and no actual photo , I tried deleting chace, didnt help

 

[Arnaldo]

use the plugin called "force regenerate thumbnail" and see how it goes

 

[kukiman]

use the plugin called "force regenerate thumbnail" and see how it goes

They still remain with the really bad quality... :/

 

[kukiman]

I had the same problem with Flatsome. Just unclick at jetpack the option which loads your images from their server.

This was the thing...

Switched it off and now everything works perfect. Thank you