Solved

Image interpolation and Internet Explorer

Posted on 2013-06-20
5
1,231 Views
Last Modified: 2013-06-20
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
Comment
Question by:bbdesign
  • 3
  • 2
5 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39262699
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
 

Author Comment

by:bbdesign
ID: 39262734
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
 
LVL 58

Expert Comment

by:Gary
ID: 39263159
But browsers are not imaging software, expecting IE to be as good as everyone else is basically expecting too much.
0
 

Author Comment

by:bbdesign
ID: 39263192
OK. My question is basically, "is this possible" and it sounds like the answer is "no"?
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39263249
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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now