Blurry product images

ThemeBurn SupportForumsOpenCart ThemesPavilion OpenCart ThemeBlurry product images

This topic has been marked as resolved.

All product images are blurry in Pavilion 2.x. It doesn’t matter if it’s thumbnails listings, product page and Product popup – All er blurry even thought the image uploaded is high resolution/quality.

If i open the same image separately in a new window the quality is good!
See attached examples, where the image on the left is the Product popup and on the right the same image, opened directly in a new window.

I’ve also tested this on a default clean installation and the problem is the same there.

Current themePavilion Stylish v2.1.5 /installed on 05.01.2017 22:45/
BurnEngine version1.1.5
OpenCart version2.3.0.2
vQmod version2.6.1

February 17, 2017 at 2:21 pm #56557

Here is another example from the product page “Normal view”.

February 17, 2017 at 3:33 pm #56561

Hi,

As a responsive (fluid) theme, most of Pavilion images are scaled down to fit their containers. This might reduce sharpness of the image a bit. We will have to take a look at the live example once you can share it on a public hosting.

BR,
ThemeBurn team

February 20, 2017 at 11:52 pm #56697

But the examples i attached is from the popup where the image is at 100% and it’s still blurry.
Shouldn’t the popup image at least be sharp?

I’ve installed the shop on a live server if you want to take a look:

February 21, 2017 at 1:25 am #56709

Hi,

Where do you get this big image blurry? On the product page? The only image that is not that sharp is when it is not yet zoomed (it is scaled down by the browser to fit in the container).

Zoomed:
http://i.imgur.com/7etKmFl.png

Fit in gallery (scaled)
http://i.imgur.com/sNCOFmT.png

Other reason could be the OpenCart resize algorithm, but we see the image OK after all.

BR,
ThemeBurn team

February 24, 2017 at 6:32 pm #56871

If you select the image popup and not the image zoom, you’ll see the image is still blurry.

If you right click on the popup image and select “Open in new window”, you can compare and see the image in the popup overlay is blurry, but the image by itself in the new window is not.

February 24, 2017 at 6:44 pm #56872

Hi,

We’ve rechecked the official website and images seem OK:

http://i.imgur.com/EiCpR9V.png

The blurry images exist indeed, but only in Chrome and when you click on the fullscreen button in popup view. Unfortunately this is a browser issue and cannot be resolved.

BR,
ThemeBurn team

March 5, 2017 at 11:16 pm #57164

I have the same issue, however, my images are extremely blurry in both Chrome and Microsoft Edge. See attached: Screenshot 1(http://imgur.com/a/QQvaM) is image as it appears on product page while Screenshot 2 (http://imgur.com/a/YIyH4) is the image as it is on our server. Is there any resolution or fixes for this issue?

  • This reply was modified 2587 days ago by  bcgmeds.
  • This reply was modified 2587 days ago by  bcgmeds.
  • This reply was modified 2587 days ago by  bcgmeds. Reason: Added imgur links
March 19, 2017 at 9:01 pm #57565

@bcgmeds

From the screenshots you have provided, your problem seems to be connected with image size settings. Depending on your OpenCart version they can be found in:

Admin > System > Settings > Image

http://i.imgur.com/6birYrS.png

or in Theme Settings > Store > Images

http://i.imgur.com/7vo6CbB.png

BR,
ThemeBurn team

March 22, 2017 at 3:01 pm #57656

That seems to have done the trick

March 27, 2017 at 11:09 pm #57770

@bcgmeds

Glad we’ve helped.

BR,
ThemeBurn team

March 28, 2017 at 5:08 pm #57784
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.