• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1372
  • Last Modified:

Image interpolation and Internet Explorer

On this test page:
http://sterlingmodular.com/test/contact2.htm

The native image size of the console desk is 1000 x 824 pixels. Via CSS, I am resizing the image to 15% width.

My CSS reset (normalize.css) includes this style:
img {-ms-interpolation-mode: bicubic; /* 2 */}

The image looks nice on all browsers (Safari, Chrome, Firefox) except Internet Explorer (of course). I found this article on microsoft.com:
http://msdn.microsoft.com/en-us/library/ie/ms530822(v=vs.85).aspx

So apparently interpolation mode no longer works, past IE7. The article doesn't mention anything about interpolation modes in IE8 or IE9. Does one exist? Is there any way to improve the quality of scaled images in these browsers?

The article just says "do not use". It would have been helpful if they would have said "use _____ instead", but they did not. Did Microsoft just stop allowing images to be interpolated nicely when scaled?

Would appreciate any advice.

Thank you!
0
bbdesign
Asked:
bbdesign
  • 3
  • 2
1 Solution
 
GaryCommented:
Ermm why not just have a 150px image, expecting a browser to resize your images properly is not good practice
IE uses bicubic by default.
Or you could just scale the image at server side and serve the resized image.
0
 
bbdesignAuthor Commented:
I know all that, but since everything else works so nicely, I don't see why its unreasonable to expect IE to do the same. If IE uses bicubic by default, why is my image so pixelated? That is what I don't understand.
0
 
GaryCommented:
But browsers are not imaging software, expecting IE to be as good as everyone else is basically expecting too much.
0
 
bbdesignAuthor Commented:
OK. My question is basically, "is this possible" and it sounds like the answer is "no"?
0
 
GaryCommented:
No, you have no control over imaging in IE even in IE10 - that's why you should never rely on the browser to do your image scaling.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now