寸法と解像度のチートシート
デバイスの解像度の一覧
| デバイス名 | 画面の大きさ | 解像度 | DPI |
| Google Pixel 10 Pro XL | 70mm × 156mm (6.75") | 1344 × 2992 | 486 |
| iPhone 17 Pro Max | 73mm × 158mm (6.86") | 1320 × 2868 | 460 |
| iPhone 17 | 67mm × 145mm (6.27") | 1206 × 2622 | 460 |
| iPhone 17e | 65mm × 140mm (6.06") | 1170 × 2532 | 460 |
| Google Pixel 10 | 65mm × 146mm (6.29") | 1080 × 2424 | 422 |
| Galaxy S25 | 66mm × 143mm (6.2") | 1080 × 2340 | 416 |
| Google Pixel 10 Pro Fold(外側) | 67mm × 147mm (6.37") | 1080 × 2364 | 408 |
| Google Pixel 10 Pro Fold(内側) | 141mm × 147mm (8.02") | 2076 × 2152 | 373 |
| iPad mini(A17 Pro) | 116mm × 177mm (8.32") | 1488 × 2266 | 326 |
| Nintendo Switch 2 | 175mm × 98mm (7.9") | 1920 × 1080 | 279 |
| Google Pixel Tablet | 236mm × 147mm (10.94") | 2560 × 1600 | 276 |
| Surface Pro 11 | 274mm × 183mm (12.96") | 2880 × 1920 | 267 |
| 13インチ iPad Pro | 199mm × 265mm (13.03") | 2064 × 2752 | 264 |
| 13インチ iPad Air | 197mm × 263mm (12.93") | 2048 × 2732 | 264 |
| 11インチ iPad Pro | 160mm × 233mm (11.13") | 1668 × 2420 | 264 |
| 11インチ iPad(A16) | 158mm × 227mm (10.89") | 1640 × 2360 | 264 |
| 14インチ MacBook Pro | 302mm × 196mm (14.20") | 3024 × 1964 | 254 |
| 16インチ MacBook Pro | 346mm × 223mm (16.20") | 3456 × 2234 | 254 |
| 一般ノート 14型 2.8K | 302mm × 188mm (14") | 2880 × 1800 | 243 |
| 13インチ MacBook Air | 290mm × 189mm (13.63") | 2560 × 1664 | 224 |
| 15インチ MacBook Air | 327mm × 211mm (15.32") | 2880 × 1864 | 224 |
| 一般ノート 16型 WQXGA | 345mm × 215mm (16") | 2560 × 1600 | 189 |
| 一般ワイド27型 4K | 598mm × 336mm (27") | 3840 × 2160 | 163 |
| 一般ノート 14型 WUXGA | 302mm × 188mm (14") | 1920 × 1200 | 162 |
| 一般ワイド32型 4K | 708mm × 398mm (32") | 3840 × 2160 | 138 |
| 一般ウルトラワイド34型 UWQHD | 797mm × 333mm (34") | 3440 × 1440 | 110 |
| 一般ワイド27型 QHD | 598mm × 336mm (27") | 2560 × 1440 | 109 |
| 一般ワイド24型 FHD | 531mm × 299mm (24") | 1920 × 1080 | 92 |
紙の寸法
| 規格 | A系 (長辺 × 短辺) | JIS B系 (長辺 × 短辺) |
| A0/B0 | 1189mm × 841mm | 1456mm × 1030mm |
| A1/B1 | 841mm × 594mm | 1030mm × 728mm |
| A2/B2 | 594mm × 420mm | 728mm × 515mm |
| A3/B3 | 420mm × 297mm | 515mm × 364mm |
| A4/B4 | 297mm × 210mm | 364mm × 257mm |
| A5/B5 | 210mm × 148mm | 257mm × 182mm |
| A6/B6 | 148mm × 105mm | 182mm × 128mm |
| A7/B7 | 105mm × 74mm | 128mm × 91mm |
| A8/B8 | 74mm × 52mm | 91mm × 64mm |
その他の寸法
- ハガキ … 148 mm × 100 mm (A6 より横が 5 %程度短い)
- 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い)
- レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く,横が数%長い)
- 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ)
- クレジットカード … 85.6 mm × 54.0 mm
- 磁気カード … 85.0 mm × 57.5 mm
- テレホンカード … 86.0 mm × 54.0 mm
- CD … 直径 120 mm (穴は直径 15 mm,印刷可能範囲は直径 46 〜 116 mm の範囲)
証明書の写真の寸法
- パスポート … 縦 4.5 cm × 横 3.5 cm
- 履歴書,TOEIC … 縦 4 cm × 横 3 cm
- TOEFL,英検 … 縦 3 cm × 横 3 cm
- 免許証 … 縦 3 cm × 横 2.4 cm
長さの単位換算
- 96px = 1in = 2.54cm = 25.4mm = 72pt = 6pc = 101.6Q … 固定換算できる絶対長
- 1rem = ルート要素の font-size
- 1em = その要素の font-size
- 1ex = その要素の x-height, 1rex = ルート要素の x-height
- 1cap = その要素の大文字の高さ, 1rcap = ルート要素の大文字の高さ
- 1ch = その要素の「0」の幅, 1rch = ルート要素の「0」の幅
- 1ic = その要素の「水」の幅, 1ric = ルート要素の「水」の幅
- 1lh = その要素の line-height, 1rlh = ルート要素の line-height
- 100vw = viewport の幅, 100vh = viewport の高さ
- 100vi = viewport のインライン方向の長さ, 100vb = viewport のブロック方向の長さ
- 100vmin = viewport の短辺, 100vmax = viewport の長辺
- 100svw = small viewport の幅, 100svh = small viewport の高さ, small viewport はブラウザ UI が見えている状態まで含めた小さい側の表示領域
- 100svi = small viewport のインライン方向の長さ, 100svb = small viewport のブロック方向の長さ
- 100lvw = large viewport の幅, 100lvh = large viewport の高さ, large viewport はブラウザ UI が畳まれた状態まで含めた大きい側の表示領域
- 100lvi = large viewport のインライン方向の長さ, 100lvb = large viewport のブロック方向の長さ
- 100dvw = dynamic viewport の幅, 100dvh = dynamic viewport の高さ, dynamic viewport はその瞬間に実際に見えている表示領域
- 100dvi = dynamic viewport のインライン方向の長さ, 100dvb = dynamic viewport のブロック方向の長さ
- 100cqw = query container の幅, 100cqh = query container の高さ, query container は CSS で指定する親コンテナ
- 100cqi = query container のインライン方向の長さ, 100cqb = query container のブロック方向の長さ
- 100cqmin = query container の短辺, 100cqmax = query container の長辺
- 使い分けの目安: 本文と余白は rem,部品内の倍率は em,文字数ベースの幅は ch,和文幅は ic,縦方向の間隔は lh
- モバイルの高さは 100vh より 100svh / 100dvh を使い分ける方が安全
画面上での実際の大きさ
長さ
32px:
64px:
100px:
128px:
200px:
256px:
300px:
文字の大きさ
[10.5 px] [14 px] [18 px] [21 px] [28 px]