?
Solved

Image interpolation and Internet Explorer

Posted on 2013-06-20
5
Medium Priority
?
1,348 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 2000 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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

764 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