2018/8/2 追記
いつの間にか↓の画像を比較してもほとんど差がなくなっていました。
以前の状態をスクショしていなかったので確実ではありませんが、下記の対策をとらなくてもきれいに縮小されるようになったようです。
これを Windows の Google chrome で表示するとかなりぼやけてしまうのですが、
その現象の回避方法としてimgに
-webkit-backface-visibility: hidden;
というスタイルを当てるものがあります。
が、自分のサイトの場合当ててみてもまったく変わらず・・
詳しく調べてみたところ、img に以下のスタイルを当てていると効かないようでした。
border-radius: ○px;
角丸ですね。
ちょっと不便ですが囲った div に当てるなどで対応できますので、
便利に使っていこうと思います。
もし他にも競合できないスタイルがあった場合は追記します！
■-webkit-backface-visibility: hidden; なし
■-webkit-backface-visibility: hidden; あり
