解像度 → アスペクト比 / 規格名 / PPI 一覧 (画像 + ビデオ)

解像度情報がデバイス特定に使われる可能性

画面解像度はウェブブラウザのフィンガープリンティングで使われる主要な情報の一つです。screen.width / screen.height の組み合わせは、User-Agent・OS・タイムゾーンと組み合わせることでデバイスを高い精度で特定するシグナルになります。特に珍しい解像度の組み合わせ (DCI 4K の 4096×2160、特定の HiDPI 設定など) は、デバイス集合内での識別性が高くなります。

このツールは入力された解像度を計算するだけで、解像度データを外部に送信しません。オンラインの解像度確認ツールによっては、入力値や現在のブラウザ解像度を Analytics に送信するものがあります。自分のデバイス情報を確認する目的でツールを使う際は、その情報自体が外部に送られていないか注意が必要です。

オンライン解像度計算ツールとデータ収集のリスク

「解像度 アスペクト比 計算」で検索して出てくるツールの多くは広告モデルで運営されており、ページ表示時に現在の画面解像度・デバイスピクセル比・ブラウザサイズを自動取得して Analytics に送信する実装になっているものがあります。「自分の画面解像度を確認したい」という動機でアクセスしても、アクセス自体がデバイスフィンガープリントの提供になる場合があります。

このツールは計算のみを行い、自動的なデータ収集は行いません。入力した解像度の数値も、ブラウザ内の算術計算のみで処理されます。

ブラウザ内算術計算で GCD・PPI・帯域を求める

このツールは GCD (最大公約数) 算出・アスペクト比の約分・メガピクセル計算・RGB / RGBA メモリフットプリント・60fps 非圧縮帯域・PPI の計算をすべてブラウザ内の JavaScript 算術で実行します。25 規格のマッチング辞書も静的にバンドルされており、log2 距離による近似一致もサーバー通信なしで完結します。外部 API も外部ライブラリも使用しません。

入力した解像度はブラウザのページメモリにのみ存在し、外部に送信されません。社内の制作仕様・未発表デバイスの開発スペック・特定の映像プロジェクトの解像度要件を確認する作業に使えます。

映像制作・UI デザイン・エンコード設定の事前計算として

4K 映像のエンコードプロファイルを選ぶ前に非圧縮帯域を確認する、デザインモックアップのアートボードサイズが特定の標準規格に近いかを確認する、HiDPI 対応のために PPI を把握する — こういった事前計算を外部サービスなしにブラウザ内で完結させることで、内部制作仕様の情報を外に出さずに作業できます。

GCD アルゴリズム、PPI 計算、ピクセル帯域の数式

アスペクト比の約分は、Euclid の互除法 (gcd) を JavaScript で実装して gcd(width, height) で割るだけです。while (b) { [a, b] = [b, a % b]; } return a; の 1 行で書ける O(log min(a, b)) のアルゴリズムで、1920×1080 → gcd=120 → 16:9 のように一意に最小整数比に正規化されます。ただし約分後の値が業界で慣用される表記と一致しないことがあります (例: 1366×768 は gcd=2 で 683:384 になり、慣用的な 16:9 とは異なる。これは 1366 が本来 1365.33… の切り上げで近似的に 16:9 だから)。本ツールの「規格名マッチング」は厳密 GCD ではなく ±5% 以内のアスペクト比トレランス内で log2 距離が最も近いものを返すため、こうした近似ケースも自然な名前が出ます。

PPI (Pixels Per Inch) は対角線方向のピクセル数を対角線の物理長 (インチ) で割った値です。diagonalPixels = sqrt(w^2 + h^2)、PPI = diagonalPixels / diagonalInches。たとえば iPhone 15 Pro (2556×1179、6.1 インチ) なら sqrt(2556² + 1179²) / 6.1 ≈ 2814 / 6.1 ≈ 461 PPI。Retina の閾値は閲覧距離に依存し、Apple の定義では 12 インチ離れた iPhone で約 326 PPI、20 インチ離れた Mac で約 220 PPI、80 インチ離れた TV では約 60 PPI が「個別のピクセルが見分けられない密度」です。60fps 非圧縮 RGB ビデオの帯域は width × height × 3 bytes × 8 bits × 60 = width × height × 1440 bps で、4K UHD (3840×2160) なら約 12 Gbps、これは HDMI 2.1 (48 Gbps) では余裕ですが HDMI 2.0 (18 Gbps) でも 4:2:0 サブサンプリング必須です。

解像度規格の歴史的経緯と命名の混乱

「4K」という呼称は厳密には 2 つの異なる規格を指します: 映画業界の DCI 4K (4096×2160、SMPTE 2048-2) とテレビ業界の 4K UHD (3840×2160、ITU-R BT.2020)。両者は約 6% のアスペクト比差 (1.90 vs 1.78) があるため、ピラーボックス / レターボックスが発生します。「8K」も同様に SMPTE の DCI 8K (8192×4320) と UHD-2 (7680×4320) が並列。スマートフォンでは「FHD+」「QHD+」のように + がついた呼称が縦長アスペクト (19.5:9 や 20:9) を示しますが、業界共通の定義はなく、メーカーごとに微妙に異なります (Samsung の FHD+ は 2280×1080、Google Pixel の FHD+ は 2400×1080 など)。

CRT 時代の VGA (640×480、4:3) → SVGA → XGA → SXGA → UXGA → QXGA という系統と、ワイドスクリーン以降の WXGA → WSXGA+ → WUXGA → WQHD という系統、さらに HD → FHD → QHD (Quad HD) → UHD (Ultra HD) という TV 系統が並走しているため、同じ解像度に複数の名前が付くことがよくあります (例: 2560×1440 = WQHD = QHD = 1440p)。本ツールが内蔵する 25 規格辞書は、SD / HD / FHD / QHD / 4K UHD / DCI 4K / 5K / 6K / 8K といった映像規格と、TikTok 縦動画 (1080×1920)・Instagram 正方形 (1080×1080)・iPhone 系の縦長解像度・iPad / Apple Watch といったモバイル / ウェアラブル系をカバーしています。デバイス物理解像度と論理 (CSS) 解像度の差 (Mac の Retina ディスプレイは物理 2880×1800 を CSS 1440×900 で扱う、など) も混乱しやすいポイントです。画像素材の現物が手元にあって解像度から逆引きしたい場合は image-aspect-find でファイル単位のアスペクト比を一覧化でき、表示距離から実寸の対角インチを決めたいときは screen-size-calc と併用すると PPI の前段が一気に揃います。