Blurry site images

[jaysbar]

Hi

I just saw this post http://forum.abantecart.com/index.php/topic,4114.15.html

I too have blurry images on my site. ALL images are blurry. All of my images look VERY clear and sharp when I preview them in Windows 10 or in Photoshop and the resolution is also very good. Any idea why they are being presented so poor in Abantecart?

Here are my settings:

Product Image Thumb Width:

380
*
Product Image Thumb Height:

380
*
Large Window Preview Width:

500
*
Large Window Preview Height:

500
*
Category List Width:

120
*
Category List Height:

120
*
Brand Icon List Width:

70
*
Brand Icon List Height:

70
*
Product List Width:

250
*
Product List Height:

250
*
Additional Product Image Width:

45
*
Additional Product Image Height:

45
*
Related Product Image Width:

120
*
Related Product Image Height:

120
*
Cart Image Width:

75
*
Cart Image Height:

75
*
Grid Image Width:

57
*
Grid Image Height:

57
*

[Basara]

Hello.

Please check Jpeg Images Compression Level in the System Settings http://docs.abantecart.com/pages/settings/system.html set it to 95% and clear AbanteCart cache, also make sure you have not speedfasteners addons enabled in your browser. When speed up optimizer enabled in browser then your images are shown as blurry

[jaysbar]

I have no idea how this changed! But it has fixed the issue.

I looked at this setting and thought that compressing my jpegs by 95% would mean they are very compressed resulting in poorer picture quality!

Does 100% mean it's the sharpest possible picture?

Should I also enable Generate High Res Images to make my pictures sharp?

Thanks

[Basara]

Hello.

This is percent of jpg quality original image has 100%, usually 90-95% give much less file size and no visible quality loss.
For the Hi-res images this is amazing AbanteCart feature give you much more sharper images on the retina devices. You should enable it so your customers who have retina devices will see sharp images.

[jaysbar]

Brilliant! Thank you so much.

Issue now resolved.