アスペクト比計算ツール

一般的なアスペクト比

比率	一般的な用途	解像度の例
16:9	ワイドスクリーン、YouTube、TV	1920x1080, 3840x2160
4:3	従来のTV、プレゼンテーション、iPad	1024x768, 2048x1536
1:1	Instagram投稿、プロフィール写真	1080x1080, 400x400
9:16	TikTok、Reels、ストーリー、モバイル動画	1080x1920
21:9	ウルトラワイドスクリーン、映画	2560x1080, 3440x1440
3:2	DSLRカメラ、Surface	1440x960, 6000x4000

よくある質問

アスペクト比とは?

アスペクト比は、幅と高さの間の比例関係です。16:9の比率は、幅16単位に対して高さ9単位があることを意味し、実際のピクセルサイズに関係なくです。

なぜ動画でアスペクト比が重要なのですか?

間違った比率を使用すると、黒帯(レターボックス/ピラーボックス)や引き伸ばしが発生します。YouTubeは16:9、TikTok/Reelsは9:16、Instagram投稿は1:1または4:5を使用します。

比率の計算

アスペクト比は幅と高さの比例関係であり、W:H のように 16:9 などと書くか、単一の小数 16 ÷ 9 = 1.777…（通常 1.78:1 に丸める）として表す。異なる2つのピクセル解像度が同じ比率を共有できる：1920×1080 と 1280×720 はどちらも同じ分数に約分されるため、どちらも16:9だ。

任意のペアを簡略化するには、両方の数を最大公約数（幅と高さの両方を均等に割る最大の整数）で割る。Full HDの場合：

• gcd(1920, 1080) = 120
• 1920 ÷ 120 = 16
• 1080 ÷ 120 = 9
• → 16:9

このカリキュレーターは数値を変更するたびにGCD約分を実行し、逆の問題も解く：目標比率と既知の一辺が分かれば、もう一辺は new height = (known width × H) ÷ W から求まる。1080幅の画像を16:9に拡大する場合、必要な高さは 1080 × 9 ÷ 16 = 607.5（通常608に丸める）だ。

矩形の小史

1891年、Thomas Edisonのもとで働くW.K.L. Dicksonはキネトスコープのために4:3フレームを選んだ。70mmコダックフィルムを半分に切ると35mmになり、フレームあたり4つのスプロケット穴がその比率を生み出したからだ。1925年のパリ会議で1.33:1が無声映画の標準として採択された。光学サウンドトラックが画像領域を侵食し始めると、米国映画テレビエンジニア協会は1932年5月9日にアカデミー比率を1.375:1として標準化した。その後20年間、すべてのスタジオ作品がこのフォーマットを使用した。

1950年代初頭にはテレビが映画市場を侵食し始め、ハリウッドは横幅で対抗した。Shaneは1953年5月に1.66:1で公開された。5ヵ月後、20世紀フォックスはシネマスコープでThe Robeを初公開した。元々2.55:1（光学的最大の2.66から4本の磁気サウンドトラックストライプの余地を残すために縮小）だった。SMPTEは1957年にアナモルフィック投影絞りを2.35:1に固定し、1970年にはスプライスマークを目立たなくするために2.39:1に更新した。

16:9も恣意的ではない。1984年、SMPTEの高精細ワーキンググループに携わっていたKerns H. Powersは幾何学的にそれを導いた：映画やテレビの一般的な比率（4:3、1.85:1、2.35:1）に整形された等面積の矩形を同心円状に重ねると、すべてが外側の1.77:1矩形の内側に収まり、すべてが内側の1.77:1矩形を覆う。数学的には極端値の幾何平均 √(1.33 × 2.35) ≈ 1.77 だ。ITU-R勧告BT.709は1990年にHDTV向けに16:9を規定し、PC業界は2009年頃にテレビとパネル製造ラインを共有するために16:10から16:9に移行した。

2026年の一般的な比率

比率	小数	使用される場面
1:1	1.000	正方形のInstagram投稿、プロフィール写真、アルバムアート
4:5	0.800	Instagramポートレートフィード（最高エンゲージメントのフォーマット）
2:3	0.667	Pinterestスタンダードピン、縦長35mm写真プリント
3:2	1.500	フルフレーム一眼レフ、35mmネガ、Microsoft Surfaceラップトップ
16:10	1.600	旧型ラップトップ、14インチ/16インチ MacBook Pro、多くのタブレット
16:9	1.778	HDTV、現代のモニター、YouTube横向き動画、ほとんどのラップトップ
1.85:1	1.850	現代の「フラット」劇場公開フォーマット
1.91:1	1.910	Open Graph・Facebook・LinkedInシェアカード（1200×630）
2:1	2.000	ユニビジウム（一部のストリーミングオリジナル作品で使用）
21:9	2.333*	ウルトラワイドモニター（※マーケティング名称；技術的には64:27 = 2.37:1）
2.39:1	2.390	現代のアナモルフィックワイドスクリーン（「スコープ」）

2026年のソーシャルプラットフォームサイズ

• Instagram フィード：4:5縦向き（1080×1350）が現在のエンゲージメント最適化デフォルトで、スマートフォン画面で1:1の正方形より縦方向に大きなスペースを占める。正方形（1080×1080）と1.91:1横向きも受け付ける。ストーリーズとリールは9:16（1080×1920）だ。
• TikTok：ネイティブは1080×1920の9:16。正方形も受け付けるが、フルスクリーン表示では中央クロップされる。
• YouTube：16:9横向き（1920×1080、または4Kなら3840×2160）。YouTube Shortsは1080×1920の9:16だ。
• LinkedIn：シェア・リンクカードは1200×630（1.91:1）。バナーカバーは1584×396（4:1）。縦向き1080×1350（4:5）がフィード投稿に推奨される。
• Pinterest：スタンダードピンは1000×1500（2:3）。Pinterestのヘルプセンターでは他の比率はリーチに悪影響を与える可能性があると述べており、約1:2.1より縦長のピンはホームフィードで切り詰められる。
• Facebook・Open Graph：リンクプレビュー1200×630（1.91:1）はニュースフィードとMessengerで最大プレビューを得るための事実上の標準だ。

レターボックス、ピラーボックス、ウィンドウボックス

フレームのアスペクト比が表示面と合わない場合、黒帯が生じる。どちらの辺がはみ出すかによってフォーマットが決まる。

• レターボックス：上下に黒帯。ソースが表示面より横長の場合。2.39:1映画を16:9テレビで見るのが典型例。黒帯は縦スペースの約 1 − (1.78 / 2.39) ≈ 25% を占める。
• ピラーボックス：左右に黒帯。ソースが表示面より縦長の場合。4:3のシットコムを16:9テレビで見るのが古典的なケースだ。
• ウィンドウボックス：四辺すべてに黒帯。既にレターボックス（またはピラーボックス）されたコンテンツが、さらに別の比率のフレームに収縮されたときに生じる。
• パンアンドスキャンは破壊的な代替手段だ：映像を画面いっぱいにトリミングし、カメラがオリジナルフレーム全体を「パン」してアクションを中央に保つ。1980〜90年代に2.35:1映画を4:3 VHSでリリースする際の標準だったが、構図を切り落とすとして広く批判された。

CSS aspect-ratio

ブラウザはレイアウト計算を自動で行うCSSプロパティを搭載している。aspect-ratio: 16 / 9; は要素の幅と高さの形状を宣言する。幅または高さのどちらか一方が auto の場合、ブラウザは比率を守るようにボックスをサイズ決定する；両方が明示的な場合は比率は無視される。MDNによると、このプロパティは2021年9月以降すべての主要エンジンで利用可能で「Baseline Widely available」ステータスを持つ。

それ以前はパディングハック（Thierry Koblentz、2009年）が標準的な手法だった：ラッパーの高さをゼロにし、padding-bottom: 56.25%（これは 9 ÷ 16 × 100）を設定する。パーセンテージのパディングは親の幅に対して計算されるため、ボックスは幅16ユニットに対して高さ9ユニットになる。レスポンシブなYouTube埋め込みに使える現代の等価表現は1行だ：

<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>

aspect-ratio を <img> タグに設定すると、画像の読み込み前にレイアウトスペースも確保される。これはCumulative Layout Shift（検索ランキングに影響するCore Web Vital）を改善する最も低コストな方法のひとつだ。

よくある間違い

• クロップやレターボックスの代わりに引き伸ばす。各軸を独立してスケールすると顔が歪み、円が楕円になる。ルール：幅と高さを異なる係数でスケールしてはならない。
• マーケティング名称を信じる。「21:9」モニターは技術的には64:27（≈ 2.37:1）だ。「1366×768」ラップトップパネルは16:9にほぼ近い（1366÷768 = 1.7786 vs 16÷9 = 1.7778）が、実際の簡略比率は683:384であり、1080p動画が微妙に不完全なダウンスケールになることがある理由だ。「4K」はコンテキストによって3840×2160（UHD、16:9）と4096×2160（DCI映画、≈ 1.90:1）のどちらも意味しうる。
• 再クロップ時に被写体を再センタリングしない。真ん中に配置した1:1ポートレートは9:16に再クロップすると頭と足が切れる；9:16縦長は1:1に再クロップすると手や小道具が切れる。デザイナーはすべての一般的な再クロップを生き残る「セーフエリア」（おおよそ中央80%）を意識して撮影する。
• アスペクト比とピクセル密度を混同する。1920×1080と3840×2160は同じアスペクト比を共有するが、同じ物理画面では鮮明さがまったく異なる。
• Instagramのグリッドとフィードのズレ。4:5の投稿はフィードでは全高で表示されるが、プロフィールグリッドでは1:1に中央クロップされる。そのため重要な要素（顔、見出し、ロゴ）は正方形クロップでも生き残る位置に配置する必要がある。
• 16:9と黄金比を混同する。Phi（≈ 1.618）は3:2（1.5）と16:10（1.6）の間に位置する。本物の黄金長方形はテレビよりもクレジットカードに近い形をしている。

よくある質問

1.91:1と16:9は同じですか？

いいえ。16:9は1.778で、1.91:1は1.910だ。一見似ているが、1200×630のOpen Graphシェアカード（1.91:1）は1920×1080の16:9動画フレームよりわずかに横長だ。この2つを混同するのは、ソーシャルシェアプレビューが奇妙にクロップされる最も一般的な原因のひとつだ。

UHD 4KとDCI 4Kの違いは何ですか？

UHD 4Kは16:9（1.78:1）アスペクト比の3840×2160だ（コンシューマーテレビとほとんどのストリーミングが使用する）。DCI 4Kは256:135（≈ 1.90:1）アスペクト比の4096×2160で、RED・ARRI・Blackmagicなどのプロフェッショナルカメラが必要とするデジタルシネママスタリング標準だ。2つのフォーマットは256水平ピクセル、DCI換算で総面積約6.7%の差がある。

別のアスペクト比の同等サイズを求めるにはどうすればよいですか？

目標比率（例：16:9）と固定したい一辺（例：幅1080ピクセル）を選ぶ。もう一辺は1回の掛け算で求まる：高さ = 1080 × 9 ÷ 16 = 607.5、608に丸める。上の「新しいサイズへスケール」パネルがこれを自動で行う。新しい幅または高さを変更すると対応する辺がリアルタイムで計算される。

なぜ16:10がモニターから消えたのですか？

PCは2003年から2009年頃に一時的に16:10（1680×1050、1920×1200）を支持した。業界は2009〜2010年頃に16:9へ移行した。テレビメーカーがHDTV向けに16:9 LCDパネルを大量生産していたため、モニターを同じ形状にすることで同じ製造ラインを共有できたからだ。16:10はプレミアムラップトップ（最近のMacBook Pro 14インチ・16インチモデル、および複数のWindowsラップトップ）でコードやドキュメント用の縦スペースを確保するために復活している。

これはすべてブラウザ内で動作しますか？

はい。このカリキュレーターはGCDとスケーリング式をローカルで計算する数行のJavaScriptだ；サーバーには何も送信されず、アカウントも不要で、ページがキャッシュされた後はオフラインでも動作する。Absolutoolの他のすべてのツールにも同じことが当てはまる。

関連ツール