デバイスのピクセル
デバイス ピクセル (物理ピクセルとも呼ばれます) は、デバイスが表示するために制御できる最小の物理単位を指します。必ずしも小さな正方形のブロックである必要はなく、標準の幅と高さもありません。これは単なるポイントです。豊かな色彩を表現します。スクリーンが工場で製造された日から、スクリーン上のデバイスのピクセルは固定され、単位は pt です。通常、画面の解像度について尋ねるときは、画面の長さと幅にデバイスのピクセルが何個あるかを尋ねます (例: 1920*1024)。
CSSピクセル
CSS ピクセルは仮想ピクセルとも呼ばれます。CSS ピクセルは、Web デザインと開発で使用される概念です。さまざまな画面解像度やデバイスで同様の視覚効果を表示できる、比較的一貫したサイズの単位を提供します。
CSS のピクセルは絶対単位と相対単位に分けられ、
一般的な長さの絶対単位はpx、cm、mm、in (インチ: 1in=96px=2.54cm)、pc (1pc=12pt)です。
相対単位には、 em (要素に対する相対的なフォント サイズ)、rem (ルート要素に対する相対的なフォント サイズ)、vw、vh、vmin、vmax、%が含まれます。
デバイス独立ピクセル (DIP)
デバイス非依存ピクセル: 異なる画面解像度とデバイスのピクセル密度、つまり標準条件下でのレイアウトと表示を統一するためにプログラムで使用できる仮想ピクセルを表す、デバイスに依存しない論理ピクセル。次に、実際の物理ピクセルの数です。論理ピクセルの領域に表示されるピクセル。DIP やその他の技術を使用することで、開発者は応答性が高く適応性のある Web ページ レイアウトを作成し、デバイスや解像度を問わず一貫したユーザー エクスペリエンスを提供できます。
DPR
DPR (デバイス ピクセル比) はデバイス ピクセル比であり、ブラウザがページをレンダリングするときの物理ピクセルとデバイスの独立したピクセルの比率を指します。DPR が大きいほど、画面はより鮮明になります。
DPR = デバイスのピクセル / デバイスに依存しないピクセル
デバイスのピクセル比が 1:1 の場合、1 (1✖️1) のデバイス ピクセルが 1 つの CSS ピクセルを意味します
デバイスのピクセル比が 3:1 の場合、1 つの CSS ピクセルを表示するために 9 (3✖️3) のデバイス ピクセルが使用されることを意味します
PPI
PPI (ピクセル/インチ) は、1 インチあたりのピクセル数を示し、1 インチあたりのピクセル数を示します。より正確には、スクリーンディスプレイなどの表示デバイスの説明に使用されるピクセル密度です。PPI が大きいほど、画面表示はより鮮明になります。
計算式：PPI = (√x^2 +Y^2) / 画面サイズ
DPI
DPI (Dots Per Inch)、「ドット/インチ」、「ピクセル密度」とも呼ばれます。これは、プリンター、モニター、または画像処理装置で印刷または表示できる 1 インチあたりのドット (ピクセル) 数の尺度です。DPI は出力デバイスの細かさを測定するために使用され、デバイスのインチあたりの解像度を指定します。
プリンターでは、DPI は 1 インチあたりに印刷されるインク滴、つまりカラーのドットの数を指します。DPI が高いほど、インク ドロップやカラー ドットが多くなり、印刷品質がより細かく鮮明になります。