画像アスペクト比計算
画像の比率を約分し、画像をゆがめずにサイズ変更できる寸法を計算します。
画像サイズと比率
元のピクセル寸法と新しい幅を入力すると、対応する高さを計算できます。
画像のアスペクト比について
画像のアスペクト比は、幅と高さの比例関係を表します。特定の解像度を示すものではなく、1920 × 1080、1280 × 720、3840 × 2160 はいずれも一般的な 16:9 です。サイズ変更時にこの関係を保つことで、円が楕円になる、顔が引き伸ばされる、想定外の形状の画像でレイアウトが崩れるといった問題を防げます。
この計算機は、元の幅と高さを最大公約数で割って比率を約分します。1920 と 1080 の最大公約数は 120 なので、それぞれを 120 で割ると 16 と 9 になります。新しい幅に対応する高さは、新しい幅に元の高さを掛け、元の幅で割って求めます。ラスター画像の寸法は通常、小数のピクセルにできないため、結果を最も近い整数ピクセルに丸めます。
一般的な比率にはそれぞれ用途があります。ワイド動画や多くのディスプレイは 16:9、従来型のディスプレイやプレゼン資料、一部の写真は 4:3 を使います。正方形のSNS投稿は 1:1、縦長の人物写真は 4:5 がよく使われ、従来の 35 mm 写真は 3:2 です。比率が合っていても、プラットフォームの最低解像度やファイルサイズの要件を満たすとは限らないため、それらは別途確認してください。
サイズ変更とトリミングは異なる操作です。比率を保つサイズ変更は、画面全体を残して幅と高さを同時に変えます。トリミングは一部を切り取り、異なる比率にします。4:3 の写真を余白なしで 16:9 の枠いっぱいに表示するには、一部を切り取る必要があります。幅と高さを別々に変更するだけでは画像がゆがみます。元画像の拡大縮小には計算した寸法を使い、出力先の比率が元画像と異なる場合は編集ソフトのトリミング機能を使ってください。
レスポンシブなウェブサイトでは、同じ比率で複数の幅の画像を書き出すと、ブラウザーがレイアウトの形状を変えずに効率的な画像を選べます。動画編集でも、プロキシと納品用の解像度が違っていても、シーケンスの比率は一定に保ちます。比率を統一すると、公開作業の後半で発生する予期しない黒帯、レイアウトのずれ、手作業による修正を防げます。
アスペクト比の計算例
| 元の寸法と新しい幅 | 結果 | 主な用途 |
|---|---|---|
| 1920 x 1080 を幅 1280 に変更 | 16:9, 1280 x 720 | HD動画 |
| 4000 x 3000 を幅 800 に変更 | 4:3, 800 x 600 | 写真のプレビュー |
| 1080 x 1080 を幅 600 に変更 | 1:1, 600 x 600 | 正方形の投稿 |
画像の比率を計算する方法
- 元画像の幅をピクセルで入力します。
- 元画像の高さをピクセルで入力します。
- 希望する新しい幅を入力します。
- 約分した比率と、比率を保つ新しい高さを計算します。
よくある質問
アスペクト比とは何ですか?
画像やフレームの幅と高さの比率です。同じ比率でも、さまざまなピクセル解像度を表せます。
比率を保つサイズ変更の仕組みは?
幅と高さを同じ倍率で変えます。これにより画像の形状が保たれ、引き伸ばしや押しつぶしを防げます。
新しい高さを丸めるのはなぜですか?
計算結果には小数が含まれる場合がありますが、ラスター画像の寸法は整数ピクセルを使います。最も近いピクセルに丸めても、比率の差はごくわずかです。
1920 × 1080 は必ず 16:9 ですか?
はい。両方を 120 で割ると 16 と 9 になります。1280 × 720 などの寸法も同じ比率に約分できます。
サイズ変更とトリミングのどちらを使うべきですか?
同じ比率で画面全体を残したい場合はサイズ変更を使います。出力先に別の形状が必要で、端の内容を削除してもよい場合はトリミングを使います。