アスペクト比計算機

幅と高さ(px)を入れるだけで、アスペクト比を最簡分数(16:9など)で計算します。 比率を保ったままのサイズ変換や、CSSのコピー用コードにも対応しています。

アスペクト比(最簡分数)
16 : 9

よく使う比率 16:9 にぴったりです。

CSSコピー用コード
aspect-ratio: 16 / 9;
この比率のままサイズを変えると?

1,280px のとき、高さは 720px です(四捨五入)。

アスペクト比とは

アスペクト比は、画面や画像の「幅と高さの比率」のことです。例えば1920x1080の動画は、 両方を120で割ると16:9になります。同じ16:9なら1280x720でも3840x2160(4K)でも見た目の縦横バランスは同じで、 画質(解像度)だけが変わります。動画編集・サムネイル作成・Webデザインでは、 この比率を揃えることで黒帯や意図しないトリミングを防げます。

よく使うサイズ早見表

用途比率代表的なサイズ(px)
YouTube・フルHD動画16:91920x1080
4K動画16:93840x2160
TikTok・リール・ショート9:161080x1920
Instagramフィード(正方形)1:11080x1080
Instagramフィード(縦長)4:51080x1350
デジカメ写真・プレゼン(旧)4:31600x1200
一眼レフ写真・L判プリント3:23000x2000
ウルトラワイドモニター21:92560x1080
SNSの推奨サイズは各プラットフォームの仕様変更で変わることがあります。 入稿・投稿前に各サービスの最新の公式ヘルプをご確認ください。

よくある質問

16:9と16:10は何が違いますか?

16:9(1920x1080など)はテレビ・YouTube・多くのノートPCで使われる標準的な比率です。16:10(1920x1200など)はそれより縦に少し長く、作業領域を広く取れるためPCモニターで採用されることがあります。動画コンテンツは16:9が主流なので、16:10の画面で全画面再生すると上下に黒帯が出ます。

SNSに投稿する画像・動画の推奨サイズは?

YouTubeは16:9(1920x1080)、TikTok・YouTubeショート・Instagramリールは9:16(1080x1920)、Instagramフィードは1:1(1080x1080)または縦長4:5(1080x1350)、X(旧Twitter)は16:9が無難です。プラットフォームの仕様は変わることがあるため、最新の公式ヘルプも確認してください。

CSSでアスペクト比を指定するには?

aspect-ratioプロパティを使い、「aspect-ratio: 16 / 9;」のように書きます。幅だけ指定すれば高さが自動で決まるため、レスポンシブな動画埋め込みやカードのサムネイルに便利です。主要ブラウザすべてでサポートされています。

「近い比率」と表示されるのはなぜですか?

入力したサイズの比が、よく使う比率と完全には一致しないためです。例えば1919x1080は16:9とわずかにずれています。スクリーンショットの端が1px欠けた場合などによく起こります。表示されるずれ(%)が小さければ、実用上はその比率として扱って問題ありません。