css - CSSでブラウザ間でスケーリングされた画像をスムーズにする方法は?

Question

Joelがかつて IE でスケーリングされた画像をスムーズに表示するための秘訣を教えてくれたのを覚えています。

img {-ms-interpolation-mode:bicubic;}

これにより、縮小された画像 (CSS または HTML の width プロパティによって実際の画像よりも小さいサイズ) が、凹凸がなく滑らかになります。

これが Firefox や Chrome などのすべての主要な最新ブラウザーで機能するための同様の CSS ルールはありますか?

Answer 1

これが Firefox や Chrome などのすべての主要な最新ブラウザーで機能するための同様の CSS ルールはありますか?

いいえ。

-ms-interpolation-modeIE9 で廃止されました。画像レンダリングCSS プロパティがありますが、これは実験的なものであり、サポートされる値はブラウザーによって異なります。この SO の質問は、ほとんどのブラウザーをカバーする画像レンダリング プロパティのベスト プラクティスに対応しており、IE7 および 8 用の IE 固有のタグを挿入することもできますが、IE の以降のバージョンおよびブラウザーとアップスケール/ダウンスケールの特定の組み合わせは使用できません。サポートされています。

明らかに、サーバー側で画像を動的に再スケーリングすることができます。本当に高品質が必要な場合は、それが最良の選択です。

Answer 2

ズーム:0-1; ほぼ何でもスケーリングします。