Not-Terrible Image Resizing in IE

img {
       -ms-interpolation-mode: bicubic;

If you scale down an image with width and/or height attributes, it's going to look terrible in IE unless you use this.


  1. panchicore
    Permalink to comment#

    Thanks! My thumbnails has improved 100% with this hack! :D

  2. LuK
    Permalink to comment#

    for which versions of IE is this helpful…I couldn’t really tell if this has an effect in IE6/7

  3. Dyllon
    Permalink to comment#

    wow, it looks better then it does in firefox when i size them really small. thanks!

  4. MaT
    Permalink to comment#

    I love using this in my reset stylesheet! mmmmmm :D

  5. Wal
    Permalink to comment#

    I do not recommend the use of Internet Explorer because it is very stupid

    I would recommend the use of the browser is always the best FireFox

    • MaxArt
      Permalink to comment#

      Dude, Firefox is so, like, last decade. Jurassic.
      Chrome is the only way to go. Everybody uses Chrome.

      JK. It’s just that this isn’t the place for browser fighting.
      The main problem for web developers is that there are a bunch of outdated browsers around, which are mainly Intenter Explorer 6-7-8, but I have to mention Firefox 3.x too…

  6. Jack
    Permalink to comment#

    Just a heads up to everyone else trying to get this to work (it wasn’t for me). Your image cannot have transparency. Save it out as a solid background GIF/PNG and you’re good to go.

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

We have a pretty good* newsletter.