Solved

Image interpolation and Internet Explorer

Posted on 2013-06-20
5
1,276 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

863 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

18 Experts available now in Live!

Get 1:1 Help Now