ソーシャルメディアと動画のためのアスペクト比完全ガイド

Screen Ruler TeamApril 25, 202621 min read

aspect ratioaspect ratio calculatoraspect ratio for social mediaaspect ratio for video

インターネット上のあらゆる画像には、隠れた幾何学が存在します。それがアスペクト比、つまり幅と高さの関係です。これを間違えると、動画は YouTube で黒い帯付きで表示され、Instagram の投稿は顔が半分に切れ、クライアント向けのサムネイルは歪んで見えてしまいます。正しく扱えば、同じソース素材を 12 種類のプラットフォームに、それぞれ好まれる形状でクリーンに展開できます。本ガイドでは、アスペクト比とは何か、その背景にある計算、現代のあらゆる画面とフィードを支配する比率、そしてピクセルを失わずに変換する方法を解説します。

アスペクト比とは何か

アスペクト比とは、画像の幅と高さの比例関係を、両方の数値を最小の整数まで簡約したうえで width:height の形式で表したものです。1920 × 1080 ピクセルのフル HD 動画のアスペクト比は 16:9 で、これは幅 16 単位ごとに高さが 9 単位であることを意味します。アスペクト比は解像度とは独立しており、3840 × 2160 の 4K UHD 信号も 16:9 に簡約され、1280 × 720 のストリームも同じです。ピクセル数とシャープネスは異なりますが、形状は同じです。

計算は単純ですが、特定の手順を踏みます。アスペクト比を求めるには、両方の寸法を最大公約数（GCD）で割ります。1920 と 1080 の GCD は 120 で、1920 ÷ 120 = 16、1080 ÷ 120 = 9 となります。screenruler.online/aspect-ratio-calculator のアスペクト比計算機は、入力した値に対してユークリッドの GCD アルゴリズムを実行するため、3840 × 2160 は 16:9 に、1080 × 1920 は 9:16 縦向きに、2390 × 1000 は 2.39:1 シネマに、ワンステップで変換されます。

最も一般的なアスペクト比

8 つの比率で、出会うであろう画面、フィード、印刷物、映画のおよそ 99% をカバーできます。

比率	小数	使用される場所	備考
16:9	1.778	フル HD、4K UHD、YouTube 横向き、ほとんどの TV とモニター	21 世紀の放送のデフォルト比率
4:3	1.333	SDTV、iPad の画面、教室のプロジェクター、一部のタブレット	1940 年代から 2000 年代後半まで主流
1:1	1.000	Instagram フィード投稿、プロフィール画像、アルバムアート、サイネージ	縦横どちらのソースからも均等にトリミング可能
9:16	0.563	TikTok、Instagram Reels、YouTube Shorts、ストーリー	スマホネイティブの縦動画
21:9	2.333	ウルトラワイドゲーミングモニター、一部のシネマ配信	同じ高さで 16:9 より約 3 分の 1 広い
3:2	1.500	35mm DSLR センサー、ミラーレスカメラ、クラシックな写真プリント	デジタル以前の写真の形状
2:3	0.667	Pinterest のピン、縦型ポスター、雑誌の縦型レイアウト	3:2 の縦向き反転
2.39:1	2.39	劇場映画、アナモルフィックワイドスクリーン、プレステージ撮影	1970 年代後半以降の「アナモルフィック」または「スコープ」

あまり頻繁には出会わない比率がもう 2 つあります。17:9（RED 系などのプロ向けデジタルシネマカメラで使用）と 1.85:1（もう 1 つの現代の劇場標準で、2.39:1 よりやや幅が狭い）です。Screen Ruler の計算機にある 8 つのプリセットで、ほとんどのチームが必要とするものすべてをカバーできます。

プラットフォーム別のアスペクト比

アスペクト比の決定は、かつては映画の映写技師や放送エンジニアの領分でしたが、現在ではソーシャルメディアマネージャーの仕事になっています。2026 年時点で各主要プラットフォームが期待する比率は次のとおりです。

YouTube — メインフィードは通常の動画に 16:9、Shorts には 9:16。プレーヤーは縦向きのものを 16:9 フレーム内にピラーボックス表示するため、横向きとしてアップロードされた縦動画は小さく表示されます。
TikTok — 厳密に 9:16 の縦向き。フルスクリーンプレーヤーはそれ以外を激しくトリミングまたはレターボックス化します。
Instagram — 正方形フィード投稿には 1:1（最も安全な汎用比率）、縦型フィードには 4:5（やや高めで、ファーストビューでより多くのピクセルを得られる）、ストーリーと Reels には 9:16、横向きリンクプレビューには 1.91:1。
Twitter/X — フィード内動画とリンクプレビューには 16:9。2:1 もカードに適しています。
LinkedIn — 共有リンク画像には 1.91:1（やや横長）、動画投稿には 16:9、正方形の静的投稿には 1:1。
Pinterest — ピンの正典は 2:3（1000 × 1500 px）。正方形 1:1 でも機能しますが、ピンエンゲージメント調査では 2:3 より明らかに低いパフォーマンスを示します。
Facebook — 動画には 16:9、リンクプレビューカードには 1.91:1。ストーリーは 9:16 を使用。
劇場映画 — 70 年代後半以降、ハリウッド大作とプレステージ TV のフィナーレは 2.39:1 が支配的。1.85:1 は代替の「フラット」標準。

実用的なワークフローとしては、より高解像度のマスター比率（最低でも 16:9 横向き）で撮影または設計し、各プラットフォーム向けにそこから目的の比率にトリミングします。下げるのはロスレスのフレーミングですが、上げるには黒帯を追加するか引き伸ばすしかなく、不可能です。

ピクセルからアスペクト比を計算する方法

任意の幅 × 高さが与えられた場合、簡約は機械的に行えます。

ユークリッドアルゴリズムを使って 2 つの数値の最大公約数（GCD）を求めます。
両方を GCD で割ります。
結果が最小の整数比です。

3840 × 2160 の計算例。

gcd(3840, 2160)
  = gcd(2160, 3840 mod 2160)  = gcd(2160, 1680)
  = gcd(1680, 2160 mod 1680)  = gcd(1680, 480)
  = gcd(480, 1680 mod 480)    = gcd(480, 240)
  = gcd(240, 480 mod 240)     = gcd(240, 0)
  = 240
3840 / 240 = 16
2160 / 240 = 9
→ 16:9

小数入力（たとえば 2.39:1 のシネマトリミング）の場合、計算機はまず両方の数値を 10,000 倍してから同じアルゴリズムを実行し、元の値を小数点以下 4 桁の精度で捉える整数比を返します。これは、丸め誤差なくすべての標準シネマ比率を忠実に表現するのに十分です。

比率が固定の場合に欠けている寸法を求める方法

逆問題、つまり比率は分かっているが寸法が 1 つしか分からない場合は、さらに簡単です。目的の比率が ratioW:ratioH で幅が分かっている場合。

height = (width × ratioH) / ratioW

幅 1920 の 16:9 の場合、height = (1920 × 9) / 16 = 1080。幅 3440 の 21:9 の場合、height = (3440 × 9) / 21 ≈ 1474。代わりに高さが分かっている場合は式を入れ替えます。計算機の逆方向モードはこれを自動的に処理します。プリセットを選び、どちらの寸法が分かっているかを選択し、値を入力すると、もう一方が読み取れます。

これは、レスポンシブなヒーロー画像を構築するデザイナーの日常的なワークフローです。デザイン比率（多くの場合、デスクトップヒーローでは 16:9 または 21:9）を選び、各ブレークポイントの幅を入力して、画像アセットの対応する高さを取得します。

よくあるアスペクト比のミス

3 つの失敗モードが、本番環境におけるアスペクト比のバグのほぼすべてを占めます。

黒い帯（レターボックスとピラーボックス）。 コンテンツの比率がプレーヤーと一致しない場合、プレーヤーは上下に水平の帯を追加するか（レターボックス、TV でのシネマコンテンツの典型）、左右に垂直の帯を追加します（ピラーボックス、横向きプレーヤーでのスマホ縦動画の典型）。修正はプレーヤー側ではなく、書き出し側で行います。アセットを目的の比率で再レンダリングしてください。

強制トリミング。 一部のプラットフォーム（Instagram が最悪の犯人）は、好みの比率と一致しないアセットを黙ってトリミングします。1:1 フィードに投稿された 16:9 の横向き写真は、左右それぞれで幅の約 44% を失います。修正方法は、書き出し時に意図的にトリミングして、どの被写体を残すかを自分で制御することです。

ピクセルの引き伸ばし／圧縮。 これは大罪です。16:9 の画像を 4:3 のフレームに変形させて押し込むこと。顔が伸び、円が楕円になり、テキストが横に広がります。現代のプレーヤーはほとんどこれを行いませんが、レガシーな CMS のアップロードパイプラインでは時折発生します。アップロード後に何かが「変」に見える場合、圧縮アーティファクトと決めつける前に、強制的な比率変更を疑ってください。

注目に値する 4 つ目のミスは、高解像度マスターではなく、目的の比率で低解像度のアセットをアップロードすることです。トリミング品質は常に引き伸ばし品質に勝ります。4K の 16:9（3840 × 2160）でマスタリングして Instagram 用に 1080 × 1080 にトリミングしてください。1080 × 1080 でネイティブ撮影してから 16:9 マスターを復元しようとしてはいけません。

アスペクト比の小史

アスペクト比は常にディスプレイ技術と視聴コンテキストによって駆動されてきており、支配的な比率はおよそ世代ごとに 1 度シフトしてきました。

1940 年代〜1990 年代 — 4:3（1.33:1）。 標準解像度テレビは、1940 年代初頭の放送工学から 4:3 を継承しました。これ自体は 35mm シネマが 1932 年に標準化した 1.37:1 の「アカデミー」比率に従ったものです。半世紀の間、人々が見ていたほぼすべての画面 — TV、コンピューターモニター、教室のプロジェクター — は 4:3 でした。

1953〜1970 年代 — シネマスコープとパナビジョン。 TV がシネマの観客を奪い始めると、ハリウッドはアナモルフィックワイドスクリーンで反撃しました。最初は 2.35:1、そして 1970 年代にデジタル投影が仕様を確定させると 2.39:1 となりました。シネマは TV が真似できない比率を意図的に選びました。

1990 年代〜2010 年代 — 16:9（1.78:1）。 1990 年代の HDTV 標準化では、4:3 の放送レガシーとシネマの 2.39:1 の妥協点として 16:9 が選ばれました。プラズマと LCD の製造は最終的に 16:9 に落ち着き、2015 年までにほぼすべての民生ディスプレイ（TV、モニター、ノートパソコン、タブレット、初期のスマートフォン）のデフォルト比率となりました。

2010 年代〜現在 — 9:16 縦向き。 スマホをカメラとして使う時代が計算を反転させました。TikTok、Instagram ストーリー、YouTube Shorts、Reels はすべて 9:16 で標準化しました。これは片手で持ったときに自然に感じられ、回転なしで画面を埋めます。2022 年までに、モバイルでの縦動画はすべての主要プラットフォームで横動画の視聴時間を上回りました。

2020 年代 — 21:9 ウルトラワイドと 2.39:1 プレステージシネマ。 ゲーミングと生産性がウルトラワイド 21:9 モニターの普及を促し、ストリーミング時代はプレステージ TV（ハリウッドが資金提供する限定シリーズ）を映画的な 2.39:1 のフレーミングへと押し進めました。その結果、1 つのソースコンテンツが、同じカメラのネガから 3 つまたは 4 つの比率で出荷される必要が高まっています。

次の変曲点は不明です。折りたたみスマートフォンは、アスペクト比がデバイスの固定プロパティではなく、使用の瞬間ごとに動的になる未来を示唆しています。

Screen Ruler アスペクト比計算機の使い方

screenruler.online/aspect-ratio-calculator の計算機には 2 つのモードがあります。

モード 1 — ピクセルから比率を計算。 2 つの入力フィールドに幅と高さを入力します。結果パネルには、簡約された比率（例：16:9）、最も一致するプリセット名、小数値、幅に対する高さのパーセンテージ（CSS の padding-bottom テクニックに有用）が表示されます。視覚的なプレビューブロックがリアルタイムで更新されるため、プロポーションを一目で確認できます。

モード 2 — 欠けている寸法を求める。 ドロップダウンからプリセットを選びます — 16:9、9:16、21:9、または 8 つの標準のいずれか — 幅と高さのどちらを提供するかを選択し、既知の値を入力します。計算機は対応する未知の寸法を即座に返します。

知っておくべき 2 つの追加機能。第 1 に、ページ下部にある 8 つのプリセットチップは、そのプリセットが選択された状態で計算機を逆モードに切り替えるクリック可能なショートカットです — どの比率が必要かが正確に分かっているときに便利です。第 2 に、URL は入力と同期して保持されるため、リンク /aspect-ratio-calculator?w=1920&h=1080 はその正確な設定への永続的な共有可能なリンクとなります。ブックマークするか Slack スレッドに貼り付けてください。受信者は同じ答えにたどり着きます。

FAQ

16:9 はワイドスクリーンと同じですか？ ほぼそうです。「ワイドスクリーン」は歴史的に 4:3 より広いものを意味してきましたが、2010 年代までに事実上の標準として 16:9 に落ち着きました。一部の古い文書では「ワイドスクリーン」が 16:10（2000 年代のコンピューターモニター）を意味することもあり、その比率は今でも一部のノートパソコンディスプレイで使用されています。

実用的な最大のアスペクト比は何ですか？ 商用ディスプレイでは、21:9 のウルトラワイドと 32:9 のスーパーウルトラワイドゲーミングモニターが出会える最も広いものです。シネマでは時折 2.76:1（ヘイトフル・エイト と ベン・ハー で使われた「ウルトラパナビジョン」）まで行きますが、それは稀です。

なぜ Pinterest は 1:1 より 2:3 を好むのですか？ Pinterest のグリッドレイアウトは列ベースです。背の高いピンはスクロールあたりの視覚的領域をより多く占有し、これがエンゲージメントと強く相関します。Pinterest 自身の分析では、2:3（1000 × 1500）が 1:1 を意味のあるマージンで一貫して上回ることが示されています。

プラットフォームの正確な好みの比率で常にアップロードすべきですか？ 可能であれば、はい — トリミングのサプライズを避けられます。不可能な場合（マスターが 1 つしかなく、どこにでも配信する必要がある場合）、最も近い高めの比率でアップロードしてください。広めにトリミングする方が、低めにトリミングするよりも顔を切る可能性が低くなります。

アスペクト比と解像度の違いは何ですか？ アスペクト比は画像の形状（16:9、4:3 など）で、解像度はその形状を埋めるピクセル数です。2 つの動画は同じアスペクト比を共有しながら、解像度とシャープネスでは大きく異なる場合があります — 1280 × 720（HD Ready）と 3840 × 2160（4K UHD）はどちらも 16:9 ですが、4K 版はピクセル面積が 9 倍です。トリミングするときは、アスペクト比と解像度を同時に変更しているため、マスターファイルは常に最も広い実用的な比率で最高解像度であるべきです。

16:10 は何に使われますか？ 16:10（1.6:1）は、おおよそ 2003 年から 2012 年まで、特に ThinkPad、MacBook Pro、Dell ビジネスノートパソコンで支配的なコンピューターモニター比率でした。垂直方向のピクセルが 1 行分余分にコードまたはドキュメントに収まるため、16:9 より生産的だとマーケティングされていました。Apple は 2021 年に Retina MacBook Pro ラインで 16:10 を復活させ、Microsoft は Surface デバイスで追従しました。任意の 16:10 ソースは非標準比率として扱い、16:9（ほとんどのプラットフォーム）にトリミングするかレターボックス化するかを決定する必要があります — 計算機の逆モードは、比率を 16:10 として手動で入力すれば 16:10 を処理できます。

その他の回答については、ツールページのアスペクト比計算機 FAQ を参照してください。シネマ標準、GCD の精度、エッジケースを扱っています。

正確な寸法を変換する必要がありますか？無料の Screen Ruler アスペクト比計算機は、8 つのプリセット、2 つのモード、共有可能な URL すべてを処理します — サインアップ不要、広告なし、完全にブラウザ内で動作します。