html - 特大の画像は縮小するとぼやけます

Question

これはレスポンシブデザインでの私の最初の試みなので、これがばかげた単純な質問であるならすみません。

画像を拡大するとぼやけた不快感が生じることがわかっているので、画像を作成し、その最大幅を実際の画像の幅以下に設定しました。

私が少し混乱しているのは、ウィンドウを縮小してimgが縮小し始めると、それもぼやけてしまうことです...

これは正しい動作であり、これを回避する方法はありますか？

助けていただければ幸いです。

Answer 1

Fire Foxを使用している場合、画像の縮小に問題があることが報告されています。

Firefoxが画像のサイズ変更にそれほど苦手なのはなぜですか？

Firefoxは、外部CSSまたはインラインスタイルで拡大縮小すると画像をぼかします。

どうやらCSSに以下を追加することで一部の問題が修正されたようです

image-rendering: -moz-crisp-edges;