web-dev-qa-db-ja.com

Chromeのぼやけた縮小画像

私はグラバターを使用していますが、cssでそれらをダウンスケールするとかなり頻繁になります、そしてGoogle Chromeは最近まで適切にそれを行っていたと思います（私は間違っているかもしれません。発生しますが、今では、ダウンスケールすると画像がぼやけます。これはChromeでのみ発生し、FFダウンスケールはかなり良いです。私はimage-renderingしかし、それは問題を解決しません。誰かが私にそれについて行くための最良の方法は何かヒントを教えてもらえますか？

この例は here で見つけることができます。Chromeで開き、次にFFでは、Chrome FFで。

ありがとうございました

htmlcssgoogle-chromefirefoxgravatar
25
NoDisplayName

Macでもまったく同じ問題が見つかりました。Firefoxは画像を非常に適切に縮小しますが、chromeはぼやけて見えますが、これは非常に悪いことです。見栄えを良くするにはロゴが必要です！

次のCSSルール修正が見つかりましたChrome for Mac

image-rendering: -webkit-optimize-contrast;
58
pastullo

同じ状況にあったため、別のトラックを提案します。chromeで、Firefoxでは申し分ない画像ですが、Ctrl + "0" 問題を解決しました。ある日ズームを使用しなければならなかった（Ctrl + "+"または"-"）それを完全にリセットしなかった...

0
delaio

この問題を解決する最良の方法は、svgを使用することであることがわかりました。もう1つのオプションは、CSSメディアクエリを使用して適応画像サイズを読み込むことです。

0
ShaneDaugherty