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

[Anonymous]

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! 

[Matt_Stone2 · Accepted solution]

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.

[Anonymous]

Thank you! I resized the images to the exact size I need them at and now they are crystal clear! 

[Kenny_Elkington]

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]

@Kenny, thanks for that tip.  I never thought to do it that way.