title: Microsoft Edge Image Scaling
body: <p>How do i make an image scale with bicubic for MS Edge? Is there some CSS or similar that can change the behavour.</p>
  
  <p>See this page: <a href="http://duttongarage.com/Race-Workshop~317" rel="noreferrer">http://duttongarage.com/Race-Workshop~317</a></p>
  
  <p>On the right there are two images that have textured background, you can see the weird artifacts quite clearly</p>
  
  <p><a href="https://i.stack.imgur.com/hd8au.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/hd8au.jpg" alt="Chrome v Edge Moire pattern"></a></p>
  
  <p>Chrome on the Left, MS Edge on the Right. As you can see there is some weird moire effect from the resize being nearest neighbor or linear, not bicubic.</p>
  
  <p>Another example that is more typical:
  <a href="https://i.stack.imgur.com/K02HH.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/K02HH.jpg" alt="Edge v Crhome Pixelation"></a></p>
  
  <p>Microsoft Edge on Top, Chrome on the Bottom. Notice the pixelation, its like what i would expect from browsers from the last decade.</p>