html - DPIと網膜の画像の説明

Question

@ 2x画像は通常の画像の2倍の大きさの画像のみであると読んでいますが、品質を向上させるためにDPIを変更する必要がありますか、それとも2倍の大きさの画像のみが必要ですか？同じ品質の2倍の大きな画像がなぜ良いのか分かりません。どうもありがとう

Answer 1

DPIについて心配する必要はありませんが、画面には関係ありませんが、同じ品質で2倍のサイズの画像を作成すると、元の画像よりもはるかに高いピクセル密度になるため、レンダリングされるピクセルははるかに鮮明でよくなります。定義されています。

例えば：

元の画像：300px x 300px=90,000ピクセル

網膜画像（同じ品質）：600px x 600px =360,000ピクセル

これで、ブラウザがRetina画像をレンダリングするときに、元の画像と同じ300x300ピクセルのスペースでレンダリングされます。これは、この画像には以前の90,000ピクセルではなく、360,000ピクセルがあることを意味します。これで、同じ画像をレンダリングするためのピクセルがさらに多くなるため、画像はより明確に見えます。

Answer 2

画面の場合、DPIは存在しません。あなたが理解する必要がある生の基本はピクセル数です。1DPIまたは100,000,000DPIの100pxx100pxの画像を作成できますが、違いはありません。

本当にもっと知りたい場合は、http：//en.wikipedia.org/wiki/Pixel_densityをご覧ください。

ただし、画面出力の場合は、DPIを無視できます。