Uploaded images blurry

Resolved christophercrypto
(@christophercrypto)

1 year, 2 months ago

Hi there!

We’re using this addon for the icons as part of our product category header menu, however the images become blurry / out of focus on any screen width above 1200px.

Have experimented with uploading images of different sizes, but the error remains regardless.
Have also tried using the native size of the images (32px), but no progress there either.

Example of blurry images:
https://imgur.com/a/UkfV4IX

Example of regular images:
https://imgur.com/a/KSGPXQV

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Support Stefan Cotitosu
(@stefancotitosu)

1 year, 1 month ago

Hi @christophercrypto,

Thank you for using Menu Icons.

I checked your website, and I noticed that the icons are set to 64x64px, and they appear sharp on a screen larger than 1200px (screenshot). If you’re still experiencing the issue, please share the specific page URL where this happens so we can take a closer look.

Best regards,

Thread Starter christophercrypto
(@christophercrypto)

1 year, 1 month ago

Hi Stefan,

The issue is still there.
The issue persists on every page of the website.

However, it won’t show if you start out on a smaller screen and then resize up, you’ll need to load the actual fullscreen window for the blurry effect to take. Visitors of the website are reporting the same issue, so it’s not localized to my unit(s).

Plugin Support rodicaelena
(@rodicaelena)

1 year ago

Hi,

From what I was able to check this is most likely happening on Windows, instead of iOS.

I think the issue is the fact that images are uploaded with 64×64, while in the code, it’s used 32×32 https://vertis.d.pr/i/dnGDu0

If I change that the code to match the size of the icons, they appear clear https://vertis.d.pr/i/fU1C4E

I think you need to adjust the sizes, to make sure they are the same, in code, and the ones uploaded.

Hope this helps.

Kind regards!

Thread Starter christophercrypto
(@christophercrypto)

1 year ago

Hi,

As per my post in the topic creation:
“Have also tried using the native size of the images (32px), but no progress there either.”

Unfortunately the only reason that they’re not blurry in your example, is because they’re enormous.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Uploaded images blurry’ is closed to new replies.