SOLVED

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

Go to solution
Highlighted
Anonymous
Not applicable

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

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! 
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Level 6

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

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.

View solution in original post

4 REPLIES 4
Highlighted
Level 6

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

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.

View solution in original post

Highlighted
Anonymous
Not applicable

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

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

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

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.
Highlighted

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

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