Webサイト制作初心者用質問スレ part251

546 ：536：2020/03/17(火) 00:41:28 ID:???.net

>>540
Window.devicePixelRatio
https://developer.mozilla.org/ja/docs/Web/API/Window/devicePixelRatio

一般的なディスプレイでは、devicePixelRatio(DPR)は、1
HiDPI(高DPI)やRetina では、2 か3。
1.5 と言うのもある

例えば、DPR-1 で、300px * 300px と、
DPR-2 で、600px * 600px では、データ量が4倍、
DPR-3 で、900px * 900px では、データ量が9倍になる

そこで、データ量を節約するために、300px * 300px にすると、
Retinaでは、画像がボケる

つまり、データ量を少なくすると、Retinaではボケるが、
データ量を多くすると、Retinaではボケない

どちらを優先するか