Solved

Image interpolation and Internet Explorer

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

MIM Survival Guide for Service Desk Managers

Major incidents can send mastered service desk processes into disorder. Systems and tools produce the data needed to resolve these incidents, but your challenge is getting that information to the right people fast. Check out the Survival Guide and begin bringing order to chaos.

Question has a verified solution.

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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

729 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