幅 100px / 高さ 100px の PNG 画像があります。
CSS : でサイズを変更しますimg { max-width: 70px }。
結果はぼやけています。
何がうまくいかないのですか？
1 に答える
1
これはおそらく、100px の正方形が正確に 70px に分割されないためです。ブラウザーは、その場で画像のピクセルをサイズ変更して補間しようとするため、画像の一部を誤ってレンダリングしています。max-width: 50pxまたはで試してみて、max-width: 75pxまだぼやけているかどうかを確認してください。
2/4/8 の倍数で正確に必要なサイズに分割できれば、画像のサイズ変更ははるかに簡単です。
(HiDPI/Retina 画面を使用していないと仮定すると、75px 四方のピクセルが完全な Retina 品質の画像をレンダリングするのに十分でないためです。)
于 2016-11-18T11:11:54.670 に答える