アスペクト比計算ツール1024x768 の概要
| 最も簡単な比 | 4:3 |
|---|---|
| 小数（幅 ÷ 高さ） | 1.3333:1 |
| x:9 で表すと | 12:9 |
| 最も近い標準比率 | ちょうど 4:3（従来のテレビ、iPad） |
| メガピクセル | 0.79 MP（786,432 ピクセル） |
| 1920 × 1080 と比べた画素数 | 0.38× |
| 向き | 横長 |
| CSS | aspect-ratio: 4 / 3; |
| padding-top の指定 | padding-top: 75%; |
1024x768 は何に使われる？
古いモニターやプロジェクター、初期のノート PC で使われた 4:3 の定番解像度。iPad と同じ 4:3 の形で、多くのスライドテンプレートや昔の Web レイアウトはこのサイズを基準に作られました。
比率の計算方法
幅と高さをそれぞれ最大公約数（GCD）で割ります。1024 と 768 の最大公約数は 256 なので、1024 ÷ 256 = 4、768 ÷ 256 = 3 となり、4:3 が得られます。CSS では aspect-ratio: 4 / 3 と書き、従来の padding を使う方法では高さが幅の 75% になります。
同じ比率のサイズ（4:3）
1024x768 を形を変えずに縮小・拡大したサイズです。≈ の付いた行は整数ピクセルに丸めているため、誤差は 1 ピクセル未満です。
| サイズ（px） | 倍率 | メガピクセル |
|---|---|---|
| 256 × 192 | 25% | 0.05 |
| ≈ 341 × 256 | 33.3% | 0.09 |
| 512 × 384 | 50% | 0.2 |
| ≈ 683 × 512 | 66.7% | 0.35 |
| 768 × 576 | 75% | 0.44 |
| 1024 × 768 | 100% | 0.79 |
| ≈ 1365 × 1024 | 133.3% | 1.4 |
| 1536 × 1152 | 150% | 1.77 |
| 2048 × 1536 | 200% | 3.15 |
| 3072 × 2304 | 300% | 7.08 |
| 4096 × 3072 | 400% | 12.58 |
ほかの 4:3 標準解像度
- 2048 × 1536 QXGA（iPad Retina）
近いサイズ
- 1280 × 720 16:9 · HD（720p）
- 1200 × 628 ≈ 1.91:1 · リンクプレビュー画像
- 1440 × 900 8:5 · WXGA+
- 1366 × 768 ≈ 16:9 · WXGA（HD）
よくある質問
1024x768 のアスペクト比は？
1024 × 768 のアスペクト比は 4:3 です。1024 と 768 の最大公約数は 256 で、両辺をこれで割ると 4:3 になります。小数では 1.3333:1。
1024x768 は何メガピクセル？
1024 × 768 は 786,432 ピクセル、約 0.79 メガピクセルです。1920 × 1080（フル HD）の 0.38 倍の画素数です。
1024x768 と同じアスペクト比のサイズは？
整数ピクセルのまま拡大・縮小できるサイズには 256 × 192、512 × 384、768 × 576、1536 × 1152、2048 × 1536、3072 × 2304、4096 × 3072 があります。同じ 4:3 の標準解像度には 2048 × 1536 があります。4n × 3n の形のサイズはすべてまったく同じ形です。
画像を歪ませずに 1024x768 にするには？
まず 4:3 にトリミングし、それから 1024 × 768 に縮小・拡大します。任意の幅 W に対応する高さは W × 3 ÷ 4 です。このページの計算ツールの 2 番に新しい幅を入力すれば、高さが自動で入ります。