記事にPRを含む場合があります

アスペクト比計算ツール|縦横比・画像サイズを自動計算

ツール

画像や動画の幅と高さからアスペクト比(縦横比)を計算できる無料ツールです。16:9などの比率から必要な画像サイズを逆算したり、手元の画像を指定した比率に合わせるための切り抜き量・余白を調べたりできます。

アスペクト比計算ツール

「サイズから比率」「比率からサイズ」「切り抜き・余白」の3つから選べます。数値を入力すると結果が自動で更新されます。

画像・動画の幅と高さを入力すると、アスペクト比を自動計算します。

PNG・JPEG・WebP・GIFに対応。画像はこのツールからサーバーへ送信されません。

アスペクト比(横 : 縦)
16 : 9

幅 ÷ 高さ = 1.7778

代表的な比率 16:9 と一致します。

形状プレビュー

幅と高さが分かっている場合は「サイズから比率」を使います。例えば1920×1080pxを入力すると16:9と表示されます。画像ファイルを選択して、幅と高さを自動で読み取ることもできます。画像の読み取り処理はブラウザ内で行われ、画像ファイルをこのツールからサーバーへ送信しません。

比率を先に決めたい場合は「比率からサイズ」で16:9などを選び、幅または高さを指定してください。もう一方のサイズが計算されます。比率はプリセットから選ぶほか、自由に入力することもできます。

アスペクト比と画像サイズの早見表

アスペクト比サイズ例(幅×高さ)主な用途
16:91920×1080px横長動画・PC画面・スライド
9:161080×1920pxスマートフォン向け縦動画
4:31600×1200px写真・資料画像
3:21200×800pxデジタル写真
1:11080×1080px正方形画像・アイコン
4:51080×1350px縦長の投稿画像
16:101920×1200pxPCモニター・作業画面
21:92100×900px横長の画像・バナー

同じ比率であれば、画像のピクセル数が違っても縦横の形は同じです。例えば1280×720pxと1920×1080pxは、どちらも16:9になります。

なお、ウルトラワイドモニターなどで使われる「21:9」は、製品の実際の比率と一致しない場合があります。3440×1440pxを約分した正確な整数比は43:18です。モニターや画像の比率を正確に調べるときは、表示されている呼び方よりも幅と高さの数値を使ってください。

アスペクト比の計算方法

幅と高さから比率を求める

アスペクト比は、通常「幅 : 高さ」で表します。1920×1080pxなら、1920と1080を最大公約数の120で割ると、16:9になります。

1920 ÷ 120 : 1080 ÷ 120 = 16 : 9

幅÷高さを計算すると、16:9は約1.7778です。この小数値は、異なる画像の横長具合を比較する際に使えます。

比率から幅や高さを求める

16:9の画像で幅を1200pxにする場合、高さは次の式で計算します。

高さ=幅×9÷16=1200×9÷16=675px

高さを720pxに決めた場合は「幅=高さ×16÷9」で計算でき、幅は1280pxになります。

計算結果が整数にならない場合、ツールは1px単位に四捨五入します。例えば16:9で幅1000pxなら高さは562.5pxなので、表示結果は1000×563pxです。このサイズは16:9に近いものの、厳密な比率は1000:563となります。

画像を指定の比率に合わせる方法

元画像と使用先の比率が違う場合、画像を切り抜くか、周囲に余白を付けると縦横の形を崩さずに調整できます。ツールの「切り抜き・余白」では、元画像のピクセル数を維持して、指定した比率に厳密に一致する整数pxのサイズを計算します。

切り抜いて合わせる

1200×800px(3:2)の画像を16:9にする場合、横幅1200pxを残せば高さは675pxです。元の高さ800pxとの差は125pxなので、中央を基準に切り抜くと上62px・下63pxを除去します。画像の端に文字や人物がある場合は、必要な部分が消えないかを確認してください。

余白を付けて合わせる

画像を切り抜きたくない場合は、外側に余白を追加します。同じ1200×800pxの画像を厳密な16:9にするなら、余白追加後のサイズは1424×801pxです。

元画像と比較すると横幅224px、高さ1pxが増えるため、左右それぞれ112px、上下の一方に1pxの余白を追加します。1424÷16も801÷9も89なので、正確に16:9となります。

このように、整数ピクセルで比率を厳密に合わせるには、縦と横の両方をわずかに調整する場合があります。ツールが表示するのはサイズと変更量です。画像の切り抜きや余白の追加は、画像編集ソフトなどで行ってください。

タイトルとURLをコピーしました