Grow your CSS skills. Land your dream job.

Last updated on:

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.

Comments

  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. Permalink to comment#

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

  4. Permalink to comment#

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

  5. 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. 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

  • Use Markdown, and it will escape the code for you, like `<div class="cool">`.
  • Use triple-backticks for blocks of code.
    ``` 
    <div>
      <h1>multi-line block of code</h1>
      <span>be cool yo.</span>
    </div>
    ```
  • Otherwise, escape your code, like <code>&lt;div class="cool"&gt;</code>. Markdown is just easier though.

Current ye@r *

*May or may not contain any actual "CSS" or "Tricks".