title: Bicubic interpolation image resampling
body: <p>i've got a logo header image on my website that is 900px wide, which fits in a container that scales it down to fit within the title bar; the reason being an image created to fit in the title bar looked awful on high resolution mobile devices.</p>
  
  <p>I've found that my image looks absolutely fine in chrome, but in IE10 it just looks shocking. See for yourself; www.cmvisual.com</p>
  
  <p>I have tried the using the -ms-interpolation-mode:bicubic code to try to remedy the issue, but it doesn't seem to work (a quick look on the ms website says it's obsolete?).</p>
  
  <p>Here is my code:</p>
  
  <pre><code>    &lt;html&gt;
      &lt;head&gt;
              &lt;title&gt;Chris MacDonald Visualisation&lt;/title&gt;
              &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
              &lt;link href = "css/bootstrap.min.css" rel = "stylesheet"&gt;
              &lt;link href = "css/styles.css" rel = "stylesheet"&gt;
              &lt;style&gt;
                  img.highqual { -ms-interpolation-mode:bicubic; }
                  img.nearestn { -ms-interpolation-mode:nearest-neighbour; }
              &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
              &lt;div class = "navbar navbar-inverse navbar-static-top" Role = "Navigation"&gt;
                  &lt;div class = "container"&gt;
  
                      &lt;div class = "navbar-inside pull-left"&gt;
                          &lt;a href = "index.html"&gt;
                                  &lt;img class = "logo1" src = "img/motif.png" class = "highqual"&gt;
                          &lt;/a&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>Am I missing something, and does anybody have any suggestions as to what to do to remedy this? I have considered perhaps including tags to display different versions of the image on different devices, but this seems time consuming and something of a cheap workaround?</p>
  
  <p>Many thanks in advance to anyone that takes their time to help.</p>