アスペクト比計算機
現在サイズからアスペクト比を整理し、目標比率に合う出力サイズ、クロップ量、余白量をまとめて確認できるツールです。
アスペクト比計算機
画像や動画の幅と高さを入力すると、アスペクト比をすばやく約分し、目標比率に合わせた出力ピクセル、クロップ量、余白量を1画面で確認できます。
現在のファイル、画面、キャンバスの幅ピクセルを入力してください。
高さピクセルを入力すると、現在の比率と標準比率をすぐに比較できます。
ピクセルは通常整数ですが、共有メモや仕様書用に小数を増やせます。
目標比率へ再計算するときに固定したい幅または高さの値を入力してください。
小数比率 1.7778:1
小数比率 0.8000:1
幅を固定するか高さを固定するかを選ぶと、目標比率に合う反対側のピクセルを計算できます。
- 現在の解像度を入れるだけで比率が自動的に約分され、近い標準比率も一緒に表示されます。
- 目標比率を9:16にすると、ショート動画向けの縦サイズをすぐに計算できます。
- クロップ提案は削るピクセル量を、余白提案は追加するキャンバス量を示します。
- 幅基準を1080、目標を4:5にすると、Instagramフィード用の1080 × 1350をすぐに確認できます。
入力値を確認すると、目標比率に合うピクセルサイズとクロップ・余白の基準がここに表示されます。
1920 × 1080を基準に4:5を作るなら、幅1080px基準の出力は1080 × 1350です。元サイズ基準では左右をクロップするか、上下の余白を追加して合わせられます。
現在の画面が横長なら左右クロップ、縦長なら上下クロップが必要です。余白提案は切り抜かずにキャンバスを拡張する場合の目安です。
| 基準幅 | 計算された高さ |
|---|---|
| 360 px | 450 px |
| 720 px | 900 px |
| 1080 px | 1350 px |
| 1440 px | 1800 px |
| 2160 px | 2700 px |
目標比率4:5を基準に、よく使う幅に対応する高さをすぐ確認できます。
- 元の1920 × 1080は最大公約数120で約分すると16:9です。
- 目標比率4:5で幅1080pxを固定すると、高さは1080 × (5 ÷ 4) = 1350pxです。
- 元画像を4:5で切り抜くなら、左右を合計1056px減らして864 × 1080に合わせます。
- 切り抜かずに4:5キャンバスへ載せるなら、上下に合計1320pxの余白を追加して1920 × 2400にできます。
アスペクト比計算機とは？
アスペクト比計算機は、画像・動画・スライド・サムネイルなど、幅と高さが重要な画面素材の縦横比をすばやく整理するツールです。現在のピクセルサイズを入れると、比率を最も単純な形に約分し、16:9・4:5・9:16のような標準比率にどれだけ近いかも確認できます。
さらに目標比率と固定したい幅または高さを選ぶだけで、必要な出力サイズ、クロップ量、余白量を同時に把握できます。SNS用の再構成、バナー制作、動画キャンバスの再設計前に確認しておくと作業がスムーズになります。
こんな場面で使えます
単に比率を割り出すだけでなく、実際にどのピクセルサイズで出力すればよいかを判断したいときに役立つ構成です。現在比率と目標比率、クロップ・余白の選択肢をまとめて比較できます。
- SNS投稿準備 – 16:9の原稿を4:5フィード、1:1サムネイル、9:16ストーリー用へ作り替える前に目標ピクセルを確認するとき
- 動画キャンバス再構成 – 横長動画をショート向け縦キャンバスへ載せ替えるために、クロップ基準や余白量を確認するとき
- バナー・スライド制作 – 4:3資料を16:9ワイド画面へ組み替えたり、2:3ポスター比率へ合わせたりするとき
- デザインQA – 受け取った画像が指定比率どおりか、どの標準比率に最も近いかを素早く点検するとき
主な機能
現在サイズの確認、目標比率の選択、片側固定での再計算、クロップと余白の比較をひとつの流れにまとめました。アップロード不要の数値入力型なので、企画・編集・開発のどの段階でも軽く使えます。
- 現在比率の自動約分 – 1920 × 1080は16:9、3024 × 4032は3:4のように最も単純な比率へ自動整理します。
- 標準比率のクイック選択 – 1:1、4:5、3:2、4:3、16:9、9:16、21:9などをプリセットからすぐ選べます。
- 片側固定で出力計算 – 幅基準または高さ基準を選んで片側だけ入力すれば、反対側のピクセルをすぐ求められます。
- クロップと余白を同時比較 – 切り抜きで減らす量と、キャンバス拡張で足す量をまとめて表示します。
- クイック出力サイズ表 – 360、720、1080、1440、2160など、よく使う基準値での出力サイズを表で確認できます。
使い方
現在の解像度、目標比率、固定する方向の3つを決めれば、必要な数値がすぐ揃います。編集ソフトを開く前に確認すると試行錯誤を減らせます。
- 現在の幅・高さを入力 – 元画像または動画のピクセルサイズを入れて現在比率を確認します。
- 目標比率を選択 – プリセットを押すか、独自の比率を手入力します。
- 基準方向を決める – 幅を固定するか高さを固定するかを選び、基準値を入力します。
- 結果を確認 – 推奨出力サイズ、近い標準比率、クロップ・余白の基準、クイック表をまとめて見ます。
- 必要ならコピー – 結果コピーで、制作メモや依頼書へそのまま貼り付けられます。
比率計算のポイント
アスペクト比はどう読む？
アスペクト比は基本的に「幅 : 高さ」の順で読みます。16:9は幅16に対して高さ9の比率を意味し、1600 × 900でも1920 × 1080でも同じ比率です。
- 16:9 – YouTubeやTVなど横長動画で最も一般的
- 4:5 – Instagramの縦フィードや商品カードでよく使う
- 9:16 – ショート動画、リール、ストーリーの全画面向け
約分比率と実ピクセルを一緒に見る理由
約分した比率は画面の形を理解しやすくし、実際のピクセル値は制作・書き出し・アップロード設定に直結します。同じ4:5でも、1080 × 1350と2160 × 2700では用途とファイルサイズが変わります。
- 比率 – 形が合っているかをすばやく判断
- ピクセル – 実制作や書き出し設定にそのまま使用
- 標準比率比較 – 要求仕様にどれだけ近いかを確認
クロップと余白はどう使い分ける？
クロップは元画像の一部を切り取って目標比率へ合わせる方法、余白は元画像を保ったままキャンバスを広げる方法です。主役を残したい場合は余白、画面を埋めたい場合はクロップが向くことがあります。
- クロップ – 画面を埋めやすいが、一部が切れる可能性がある
- 余白 – 元画像を失わない代わりに背景処理が必要
- 判断基準 – 被写体位置、プラットフォーム仕様、安全領域を一緒に見る
実務でよく使う基準値
1080pxや1920pxのように、プラットフォームでよく使う幅または高さを先に決めてから計算すると制作が速くなります。クイック表を使えば毎回式を打ち直す必要がありません。
- 1080 – SNSフィードやモバイル向けグラフィックで頻出
- 1920 – 動画、プレゼン、背景画面でよく使う
- 2160 – 高解像度書き出しや4K前段の確認に便利
精度を上げるコツ
比率が合っていても、最低解像度、主役の位置、テキストの安全領域まで考えないと仕上がりが崩れることがあります。計算結果は制作判断の出発点として使うのがおすすめです。
- アップロード先の最低解像度を確認 – 比率が合っていてもピクセルが小さすぎるとぼやけて見えます。
- 主役の位置を確認 – クロップ提案を使う前に重要な文字や顔が切れないか確認してください。
- 余白色を決める – 単色、ぼかし背景、ブランドカラーのどれが合うかを事前に決めておくと仕上がりが安定します。
- 幅と高さを一緒に記録 – ファイル名や共有メモに 1080 × 1350 (4:5) のように残すと認識違いを防げます。
よくある質問
16:9と4:5の違いは？
16:9は横長の動画比率で、4:5は縦フィード向けの比率です。同じ元画像でも4:5へ変えると左右を大きく切るか、縦キャンバスを作り直す必要があります。
幅または高さのどちらか一方だけでも計算できますか？
はい。目標比率を決めたあと、幅基準または高さ基準を選べば片側のピクセル値だけで反対側を計算できます。たとえば4:5で幅1080pxなら高さは1350pxです。
クロップ提案と余白提案はどう読めばいいですか？
クロップ提案は目標比率へ合わせるために削るピクセル量、余白提案は切り抜かずにキャンバスへ追加するピクセル量です。用途に応じてどちらを選ぶか決めれば大丈夫です。
標準比率と完全一致していないと問題ですか？
必ずしも問題ではありませんが、アップロード先やテンプレートが特定比率を要求する場合は合わせたほうが安全です。このツールでは最も近い標準比率も一緒に表示します。
結果は丸められますか？
表示は選択した小数桁で丸めます。内部計算は比率式そのままで行うため、必要なら小数桁を増やしてより細かい値を確認できます。
入力した値はサーバーへ送信されますか？
いいえ。この計算機はブラウザ内でのみ動作し、入力した幅・高さや結果を別途保存したりサーバーへ送信したりしません。
まだコメントはありません。最初の意見を残してください。