title: Blurry downscaled images in Chrome
body: <p>I am using gravatars and it's rather often when I downscale them with css, and I believe Google Chrome used to do it properly until recently ( I may be wrong, not sure when exactly the problem started to occur ) but now, images get blurred when downscaled, and that happens only in Chrome, FF downscales pretty good. I tried using <code>image-rendering</code> but it doesn't solve the problem. Can someone give me a hint what is the best way to go about it?</p>
  
  <p>The example can be found <a href="https://jsfiddle.net/6Lsz62cp/1/" rel="noreferrer">here</a>, open it in Chrome and then in FF, it should be way more blurred in Chrome than in FF.</p>
  
  <p>Thank you</p>