ウェブ用語
デバイスピクセル比とは【用語解説】
デバイスピクセル比とは、CSSピクセルの画像データをいくつのデバイスピクセルで画面に表示するかを決める比率になります。ディスプレイのピクセル数としての「画面解像度」とも呼ばれます。
1インチの幅の中に何個のピクセルがあるかを示すPPIなど「密度としての解像度」とは異なるので注意が必要です。
デバイスピクセル比が2(2倍)の場合、1つのCSSピクセルを「縦2倍 x 横2倍」の計4つ(4倍)のデバイスピクセルで表示します。デバイスピクセル比が3(3倍)の場合、1つのCSSピクセルを「縦3倍 x 横3倍」の計9つ(9倍)のデバイスピクセルで表示します。
デバイスピクセルの求め方は次の通りです。
CSSピクセル x デバイスピクセル比 = デバイスピクセル
