Chromeでダウンスケールした画像がぼやける

質問

グラビアを使用しているのですが、cssでダウンスケールすると割とよくあるのですが、Google Chromeは最近までちゃんとできていたと思うのですが（間違っているかもしれません、正確にいつから問題が発生したのかはわかりません）、今はダウンスケールすると画像がぼやけます、それもChromeのみで、FFは結構ダウンスケールしてくれます。試しに image-rendering を使ってみましたが、問題は解決されませんでした。誰かが私にヒントを与えることができますそれについて行くための最良の方法は何ですか？

例は次のとおりです。 ここに をクリックし、Chrome で開いてから FF で開くと、FF よりも Chrome の方がぼやけているはずです。

ありがとうございます。

どのように解決するのですか？

私は Mac でまったく同じ問題を発見しました。Firefox は画像を非常にうまく縮小しますが、Chrome は画像をぼやけさせてしまい、非常に具合が悪くなります。 レンダリング時間や速度は気にしませんが、ロゴが美しく見えることが必要です!

私は、Mac 用の Chrome を修正する次の CSS 規則を見つけました。

image-rendering: -webkit-optimize-contrast;