Page 1 of 1

Image Quality

Posted: Tue Dec 08, 2015 8:54 pm
by timstudio
I've read a lot about image quality but still do not know why my images are fuzzy.

I use the journal 2 theme.

I have an dead sharp image of 425 x 425 pixels. I have set the image size in the control panel for the pop-up at 425.
Whenever I go to my catalog or product page the image is blurry, UNTILL I click on the thumbnail on the productpage (which is the same image.) It than reloads and voila..it's sharp. Also if i click on the gallery it shows the same pic sharp.

Why are all my images blurry on the catalog and productpage? Somehow opencart seems to compress them for 'first show'?

I have a SSD server and really really want all of my images to be sharp. So I take for granted that loading might take a little longer.

ps. I've tried with other imagesettings, and with pics up to 800 x 800 pixels PNG. Same problems.

Re: Image Quality

Posted: Tue Dec 08, 2015 9:38 pm
by jrfcomputing
The images are still being resized by the browser and this can make them blurry.

The open cart system also sets the quality of the image at 90% Lots of posts which go into this and how to change

http://forum.opencart.com/viewtopic.php?f=10&t=151986

Re: Image Quality

Posted: Tue Dec 08, 2015 10:02 pm
by timstudio
Hi, I set the quality from 90 to 100 before without results.

Blurry shows on all computers, checked on multiple desktops, laptops and tablets.

I use the same pictures on another webshop (not opencart) and they shop up sharp in that shop.

Re: Image Quality

Posted: Fri Dec 11, 2015 3:02 pm
by timstudio
I found out that my images look great when I use firefox, but are blurry when i use safari of chrome?

Somehow there is a big difference between the browsers. Is there a way to force all the browsers to display the images sharp?