アスペクト比計算ツール
幅×高さから縦横比(16:9など)を自動で約分。比率を保ったままリサイズ後の幅・高さも計算できます。
① 幅と高さからアスペクト比を求める
アスペクト比
16:9
- 小数比(幅÷高さ)
- X:1 表記
- 向き
- 総画素数
② 比率からサイズを計算(リサイズ)
比率
幅か高さのどちらかを入力すると、もう一方を比率から計算します。
同じ比率(16:9)の代表的なサイズ
②の比率で、幅を一般的な値にした場合の高さです。クリックでコピーできます。
よくある質問
アスペクト比はどうやって計算しますか? +
幅と高さの最大公約数で両方を割ると、もっとも簡単な整数比になります。例えば1920×1080なら最大公約数は120なので、1920÷120=16、1080÷120=9で「16:9」です。このツールは入力と同時に自動で約分して表示します。
1366×768のように16:9に近いのに約分すると683:384になるのはなぜ? +
1366×768は厳密には16:9ではなく、約1.7786:1とわずかにずれているためです。このツールでは約分した正確な比に加えて「近い定番比率(≈16:9)」も表示するので、実用上どの比率として扱えばよいかがわかります。
比率を保ったまま画像や動画のサイズを変えるには? +
「比率からサイズを計算」で比率(例: 16:9)を選び、幅または高さのどちらかを入力すると、もう一方が自動で計算されます。例えば16:9で幅1280pxなら高さは720pxです。割り切れない場合は小数を表示し、四捨五入した整数も併記します。
CSSでアスペクト比を固定するには? +
CSSの aspect-ratio プロパティを使います。例: aspect-ratio: 16 / 9; と指定すると、幅に合わせて高さが自動で決まります。このツールでは計算した比率のCSSをワンクリックでコピーできます。
入力した値は保存・送信されますか? +
いいえ。計算はすべてお使いのブラウザ内で行い、入力した数値がサーバーに送信されることはありません。
特徴
自動で約分して正確な比率を表示
最大公約数で割った整数比に加え、小数比・X:1表記・近い定番比率も同時に表示します。
比率を保ってリサイズ計算
幅か高さのどちらかを入れるだけで、もう一方のサイズがすぐにわかります。
SNS・動画・印刷のプリセット
16:9・9:16縦動画・Instagram 4:5・OGP 1.91:1・A判の1:√2など、よく使う比率をワンタップで。
プレビューとCSSコピー
比率の形を図で確認でき、CSSの aspect-ratio 指定もそのままコピーできます。
使い方
-
1
幅と高さを入力
画像や画面のサイズを入れると、約分したアスペクト比が表示されます。
-
2
比率を選ぶ
②で16:9などのプリセットを選ぶか、①で求めた比率をそのまま使います。
-
3
片方のサイズを入力
幅か高さを入れると、比率を保ったもう一方のサイズが計算されます。
こんな場面で使えます
YouTube・SNS動画の書き出し
16:9や9:16で、解像度ごとの正しい幅・高さを確認できます。
Web制作の画像サイズ決め
OGP画像やバナー、サムネイルの比率を崩さずにサイズを指定できます。
モニター・プロジェクター選び
解像度から画面の比率を調べ、ウルトラワイドや4:3かどうかを確認できます。
安全性とプライバシー
計算はブラウザ内だけで完結
入力した数値はサーバーに送信されず、履歴も残りません。
登録不要・無料
会員登録なしで何度でも無料で使えます。通信はHTTPSで暗号化されています。
同じカテゴリのツール
他のツールもチェックWebP変換&圧縮
ブラウザ内でWebPへ一括・個別変換。画質指定・ZIPダウンロード対応。
画像コンバーター(変換なし)
オリジナル保持で画質・ZIP管理だけ行いたいときに。
画像コンバーター(WebP出力)
JPEG/PNG/AVIFをWebPへ一括変換。高速圧縮で容量削減。
画像コンバーター(JPEG出力)
写真向けにJPEG(JPG)へ一括変換。画質スライダーで細かく調整。
画像コンバーター(PNG出力)
透過を保ったままPNGに一括変換。再変換・ZIP対応。
画像コンバーター(AVIF出力)
次世代AVIFへ高圧縮変換。軽量化で表示速度とSEOを強化。
画像リサイズ
幅・高さ(px)・倍率(%)・長辺指定で画像を一括リサイズ。縦横比維持・JPEG/PNG/WebP出力・画質指定・ZIP保存に対応。ブラウザ内処理で安全。
画像トリミング
画像を好きな範囲・比率で切り抜き。1:1・16:9・4:5・OGPなどの比率プリセット、px指定、丸く切り抜き(透過PNG)、回転・反転に対応。ブラウザ内処理で安全。
画像カラーピッカー
画像をクリックしてその位置の色のカラーコード(HEX・RGB・HSL)を取得。ルーペ表示・よく使われている色のパレット自動抽出・CSS変数での書き出しに対応。ブラウザ内処理で安全。
画像モザイク・ぼかし
隠したい部分をドラッグで囲むだけでモザイク・ぼかし・塗りつぶし。顔・ナンバー・個人情報をSNS投稿前に隠せます。強さ調整・元に戻す・元サイズで保存に対応。ブラウザ内処理で安全。
SVG PNG 変換
SVGファイル・SVGコードを高解像度のPNG・JPEG・WebPに一括変換。1x〜4xの倍率や幅px指定、背景透過・背景色指定に対応。ブラウザ内処理でアップロード不要。
画像PDF変換(JPG・PNG → PDF)
JPG・PNG・WebPなど複数の画像を1つのPDFにまとめて変換。並べ替え・削除、A4/B5/A3/レター・画像サイズのページ、向き自動判定、余白・画質指定に対応。ブラウザ内処理でアップロード不要。