Uploaded images blurry

  • Resolved christophercrypto

    (@christophercrypto)


    1 year, 3 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, 2 months 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, 2 months 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, 1 month 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, 1 month 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.