5

500 x 500 ピクセルの画像がある場合、通常のディスプレイでは画像が鮮明に見えます (つまり、CSS ピクセルが 1:1 でデバイス ピクセルにマップされます)。しかし、この画像を Retina ディスプレイで表示すると、画像のすべてのピクセルを 4 つの Retina ピクセルにマッピングする必要があります (解像度は 2 倍になります)。Retina ディスプレイでも、画像は 500 x 500 CSS ピクセルで表示されますが、1000 x 1000 にスケーリングされます。物理的なサイズが同じであるため、Retina 画面で画像がぼやけて見える理由がよくわかりません。は同じサイズです。

ぼかしは 4 ピクセル間のスペースの結果ですか?

画像: http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/

ここに画像の説明を入力

4

2 に答える 2

0

ページにアクセスすると、ブラウザは自動的に画像のサイズを変更しようとするため、わずかにぼやけたままになります。しかし、重要な詳細は、それがどのように行われているかです。単純にピクセルを繰り返すのではなく、補間しています。– オリ・チャールズワース

于 2013-12-03T21:59:42.337 に答える