Image resizing internet explorer poor quality / antialiasing

[mickna]

Hi there,

If I downscale an image (e.g. image Max Width) the quality is really poor in IE11. The edges are jagged, poor anti aliased. Any hint to prevent this?

Thank you,
Michael

[christian]

Hey Michael,

Please try this fix. Or, try a different image format like PNG.

Thanks.

[mickna]

Hey Christian,

thank you. Unfortunately no difference.
The first format was png… So I switched over to gif. But no difference also. No matter if I use gif or png it is always jagged.

[jumar]

Hello @mickna,

How about this:

img { 
        -ms-interpolation-mode: bicubic;
        image-rendering: optimizeQuality;
}

Let us know how it goes.

[mickna]

Hi jumar,

I am sorry. No change at all

[friech]

Hi Michael,

Regretfully, there is nothing we can do about that if that is how IE render your images (it’s not a theme issue), maybe you’re scaling the image disproportionately, please resize your image and re-upload it. Or use SVG image format, this would allow the image to be resized without any change in the actual picture.

Thanks,

[mickna]

Hi friech,

@friech

it’s not a theme issue

I know, I know. But there was a realistic hope that you guys know a little trick

Thank you,
Michael

[christian]

Since what we have suggested didn’t work, regretfully, you will need to hire a web developer to fix the issue for you.

Thank you for understanding.

[mickna]

Thank you christian!

[Joao]

Glad to hear we managed to help.

[designbabe]

Christian
Did manage to find a fix. I’m having the same issue.
Thanks
Designbabe

[nabeel]

Hi @designbabe,

Thanks for writing around! Please create a new thread of your own and explain a bit more about the issue you’re having so we can take a look.

Thank you!