アスペクト比計算ツール

使い方

1. 「元のサイズ、または比率」の幅と高さに、画像や動画、画面のサイズを入力します（1920 と 1080 など）。比率がわかっているときは、16 と 9 のように比率をそのまま入れても同じです
2. 入力するとすぐに、アスペクト比（幅:高さ）が最も小さい整数の組で表示されます。横長・縦長・正方形の別と、小数で表した比率も並びます
3. 「よく使う比率」のボタンには、その比率の形の枠が描いてあります。押すと、その比率が幅と高さに入ります
4. 「同じ比率でサイズを変える」の「新しい幅」か「新しい高さ」のどちらかを入力すると、もう一方が計算されます。入力した側が基準になり、後から別の側を入力すると基準が入れ替わります
5. 「別の比率に合わせる（切り抜き・余白）」に、合わせたい比率を入力するか、形のボタンで選びます。元のサイズをその比率に切り抜いたときのサイズと、余白を足してその比率にしたときのサイズが並びます（狭い画面では上下に並びます）
6. 「比率をコピー」「サイズをコピー」などのボタンで、結果をクリップボードに入れられます

ページを開いた時点では、例として 1920 × 1080、新しい幅 1280、合わせる比率 1:1 が入っています。欄の中身を、計算したい値に書き換えてください。

図の読み方

アスペクト比の右（狭い画面では下）には、入力した幅と高さの形を同じ比率で縮めた図が出ます。幅と高さの長さは、図面と同じように枠の外の寸法線に書いてあります。比率の数が小さく、マスが細かくなりすぎないときは、枠を「幅の数 × 高さの数」のマスに区切ります。1920 × 1080 なら横16・縦9のマスになり、1マスの一辺は2つの数の最大公約数（120）です。比率の数が大きく、マスが細かくなりすぎるときは区切りません。

新しいサイズの右（狭い画面では下）には、元のサイズを破線、新しいサイズを塗った枠で、左下の角をそろえて同じ縮尺で重ねた図が出ます。比率が同じ2つの枠の右上の角は、左下から引いた1本の対角線に乗ります。新しいサイズを整数に四捨五入したために比率が変わり、右上の角が対角線から目に見えて外れるとき（2 × 1 の幅を 1 にして 1 × 1 になる場合など）は、対角線を引きません。元のサイズに 16 と 9 のような比率を入れたときなど、片方が小さすぎて見えないときは、新しいサイズの枠だけを描きます。100000 × 1 のような極端に細長いサイズは、見えるように細い辺を太めに描くため、図は実際の比率どおりではありません。

「切り抜く」と「余白を足す」の下には、元のサイズを破線の枠、画像として残る部分を塗った枠で、中央をそろえて重ねた図が出ます。斜線の部分が、切り抜きでは切り取る部分、余白では足す余白です。差が小さすぎて見えないときや、極端に細長いときは、図の斜線が細くなったり見えなくなったりします。

具体例

幅 1920、高さ 1080 を入力し、新しい幅を 1280 にしたときの表示です。

アスペクト比（幅:高さ）
16:9
横長 ・ 小数で表すと 1.778:1
フルHD・4Kの画面、YouTubeなどの横向きの動画

新しいサイズ（幅 × 高さ）
1280 × 720

そのほかの例です。

• 1080 × 1920 → 9:16（縦長、1:1.778）
• 1920 × 1200 → 8:5。一般には 16:10 と書く比率なので、その書き方も表示します
• 1366 × 768 → 683:384。16:9 に近い比率ですが、ちょうど 16:9 ではありません
• 1200 × 630 → 40:21。OGP画像でよく使われるサイズで、1.91:1 に近い比率です
• 比率 4:3 のまま幅を 800 にする → 800 × 600
• 比率 16:9 のまま高さを 1080 にする → 1920 × 1080

別の比率に合わせる（切り抜き・余白）

横向きの動画を縦向きのショート動画にするときや、写真を正方形の投稿にするときのように、比率の違う枠に合わせるには2つの方法があります。

• 切り抜く — 画像の端を切り取り、枠いっぱいに収めます。比率より長い辺を短くし、もう一方の辺は元のままです
• 余白を足す — 画像の全体を残し、足りない部分に余白（黒や白の帯など）を足します。比率より短い辺を長くし、もう一方の辺は元のままです

どちらも、画像を中央に置いたときに、上下または左右に切り取る量・足す量を表示します。

1920 × 1080 を 9:16 に合わせたときの表示です。

切り抜く
607 × 1080
左を 656、右を 657 切り取ります（合計 1313）。
計算上の幅は 607.5 です。元のサイズからはみ出さないよう、整数に切り捨てています。

余白を足す
1920 × 3414
上下に 1167 ずつ足します（合計 2334）。
計算上の高さは約 3413.333 です。元のサイズが収まるよう、整数に切り上げています。

そのほかの例です。

• 1920 × 1080 を 1:1 に → 切り抜くと 1080 × 1080（左右を 420 ずつ）、余白を足すと 1920 × 1920（上下に 420 ずつ）
• 1920 × 1080 を 4:5 に → 切り抜くと 864 × 1080、余白を足すと 1920 × 2400
• 1080 × 1920 を 16:9 に → 切り抜くと 1080 × 607（上下を切る）、余白を足すと 3414 × 1920（左右に足す）
• 6000 × 4000 を 4:3 に → 切り抜くと 5333 × 4000、余白を足すと 6000 × 4500

計算した長さが整数にならないとき、切り抜きは切り捨て、余白は切り上げにします。切り抜きは元の画像からはみ出さず、余白を足した枠には元の画像が必ず収まります。そのため、結果の比率は目標の比率とわずかにずれることがあります。切り取る量・足す量の合計が奇数のときは、左か上を1（小数を入れたときは 0.001）少なくします。

元のサイズに 2.35 と 1 のような小数を入れたときは、結果も小数第3位まで（切り抜きは切り捨て、余白は切り上げ）で表示します。切り抜いた長さが1（小数を入れたときは 0.001）より小さくなるときは、1（0.001）にします。切り抜いても元のサイズから変わらないときは、切り取る部分はないと表示します。元のサイズがすでに合わせる比率と同じときは、切り抜きも余白も要らないと表示します。

実際に画像を切り抜くときは、画像トリミング・回転ツールで同じ比率を選ぶか入力できます。

計算方法

アスペクト比は、幅と高さを両方の最大公約数で割って求めます。1920 と 1080 の最大公約数は 120 なので、1920 ÷ 120 = 16、1080 ÷ 120 = 9 で 16:9 です。

同じ比率で大きさを変えるときは、次の式を使います。

• 新しい高さ = 新しい幅 × 元の高さ ÷ 元の幅
• 新しい幅 = 新しい高さ × 元の幅 ÷ 元の高さ

16:9 のまま幅を 1280 にすると、高さは 1280 × 9 ÷ 16 = 720 です。

計算した長さが整数にならないときは、ピクセル数として使えるように小数第1位を四捨五入し、計算上の値を下に添えます。16:9 で幅を 1000 にすると高さは 562.5 になるので、1000 × 563 と表示し、「計算上の高さは 562.5 です」と添えます。四捨五入したサイズの比率は、元の比率とわずかにずれます。ずれを出したくないときは、16:9 なら幅を16の倍数にするというように、比率の数の倍数を選んでください。

よく使う比率

• 16:9 — フルHD（1920×1080）、4K（3840×2160）、YouTubeなどの横向きの動画
• 16:10 — ノートPCの画面（1920×1200、2560×1600 など）
• 4:3 — 従来のテレビ、標準サイズのスライド（1024×768 など）
• 3:2 — デジタル一眼カメラの写真（6000×4000 など）
• 1:1 — SNSのアイコンや正方形の投稿
• 21:9 — ウルトラワイドモニター
• 1.91:1 — リンクを共有したときに出るOGP画像（1200×630 など）
• 9:16 — スマートフォン向けの縦向きの動画（1080×1920 など）
• 4:5 — SNSの縦長の投稿（1080×1350 など）

投稿先のサービスが受け付ける比率やサイズは変わることがあります。入稿する前に、そのサービスの案内で確かめてください。

読み取れる入力

• 小数 — 小数第3位まで入力できます。1.91 と 1、2.35 と 1 のような比率をそのまま入れられます。結果の比率は整数の組に直すので、1.91:1 は 191:100 になります
• 全角の数字 — １９２０ は 1920 として読み取ります
• 桁区切りのカンマ — 1,920 は 1920 として読み取ります。1,5 のように小数点の代わりに使ったカンマは読み取りません
• 入力できる範囲 — 0より大きく、100000 までの値です

単位は付けずに数字だけを入力します。計算は比率だけを使うので、ピクセルでもミリメートルでも同じように使えます。

FAQ

アスペクト比とは何ですか？

画像や画面の、幅と高さの比率です。「幅:高さ」の順に書き、16:9 は「幅が16に対して高さが9」という意味です。大きさが違っても、比率が同じなら形は同じです。

1366 × 768 は 16:9 ではないのですか？

ちょうど 16:9 ではありません。1366 × 768 を約分すると 683:384 で、小数にすると 1.779:1 です。16:9 は 1.778:1 なので、ごくわずかに横に長い比率です。16:9 と呼ばれることが多いサイズですが、このアプリでは「16:9 に近い比率」と表示します。

2560 × 1080 が 21:9 にならないのはなぜですか？

21:9 は呼び名として使われている比率で、実際の製品のサイズとは少しずれるからです。2560 × 1080 を約分すると 64:27（2.37:1）、3440 × 1440 は 43:18（2.389:1）で、21:9（2.333:1）とは 2% ほど違います。このアプリは、よく使う比率との違いが 3% 以内のときに「近い比率」と表示します。

8:5 と 16:10 は違う比率ですか？

同じ比率です。16:10 を約分すると 8:5 になります。画面の比率は 16:9 と見比べやすいように 16:10 と書く習慣があるため、このアプリは約分した 8:5 を表示したうえで、「一般には 16:10 と書きます」と添えます。21:9（約分すると 7:3）も同じ扱いです。

縦と横のどちらを先に入力すればよいですか？

アスペクト比は「幅:高さ」の順に書くので、幅（横の長さ）を左の欄、高さ（縦の長さ）を右の欄に入力します。縦長の画像では、幅のほうが小さい数になります（1080 × 1920 は 9:16）。

切り抜きと余白は、どちらを選べばよいですか？

画像の端に大事なものが写っていないなら、切り抜くほうが枠いっぱいに表示できます。人物の頭や文字など、端まで残したいものがあるときは、余白を足すと何も欠けません。SNS では、余白を足した画像はまわりに帯が付いて見えます。

画像そのものの大きさを変えられますか？

このアプリは数字の計算だけを行います。画像ファイルの大きさを実際に変えたいときは、画像リサイズ・圧縮、切り抜きたいときは画像トリミング・回転ツールを使ってください。

入力した値は送信されますか？

送信されません。計算はすべてブラウザの中で行い、入力した値や結果は保存しません。ページを読み込み直すと、最初の例に戻ります。