Why Landing Page images are pixelated in Internet Explorer v. 9? | Community
Skip to main content
May 6, 2014
Solved

Why Landing Page images are pixelated in Internet Explorer v. 9?

  • May 6, 2014
  • 4 replies
  • 1543 views
I put together a landing page using the Marketo creater, and it looks very crisp in Google Chrome, Safari, and Firefox.  Do you know why the images would look distored when I open the landing page in Internet Explorer version 9?

http://resource.eurofinsus.com/Microbiology.html

Any insight would be helpful, Thanks! 
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Matt_Stone2
It likely has to do with the size of your images and the scaling you're doing. I would scale the images down to the size you actually intend on using them and save them at that size before placing them on your page. Different browsers handle the scaling differently, but if you take that variable out of the equation, you shouldn't have a problem.

4 replies

Matt_Stone2
Matt_Stone2Accepted solution
Level 9
May 6, 2014
It likely has to do with the size of your images and the scaling you're doing. I would scale the images down to the size you actually intend on using them and save them at that size before placing them on your page. Different browsers handle the scaling differently, but if you take that variable out of the equation, you shouldn't have a problem.
May 6, 2014
Thank you! I resized the images to the exact size I need them at and now they are crystal clear! 
Kenny_Elkington
Adobe Employee
Adobe Employee
May 6, 2014
Hey Hailey,

The default interpolation mode for images in IE9 is very poor, you can override it with this CSS:

img {
ms-interpolation-mode: bicubic;
}

This should give your images a much crisper result without having to manually resize all of them.
Michelle_Tizian
Level 10
May 6, 2014
@Kenny, thanks for that tip.  I never thought to do it that way.