アスペクト比計算機
アスペクト比を瞬時に計算。サイズ変換、辺の欠損値計算、2025/2026年版SNS画像サイズ一覧。
計算ツール
辺の欠損値を計算
比率と既知の辺を入力すると、もう一方の辺を計算します。
アスペクト比計算機をテストしました — 次は モニターのリフレッシュレート を試そう →
アスペクト比計算機とは？
アスペクト比は、幅と高さの比例関係を説明します。16:9 は現代の HDTV / モニター / ビデオ標準（1920x1080、2560x1440、3840x2160）です。4:3 はアナログテレビと iPhone 前のノートパソコン形式でした。21:9 はウルトラワイド映画館とゲーミングモニターの比率（2.35:1 とも呼ばれます）です。1:1 は Instagram スクエア / アプリアイコン / プロフィール写真の標準です。9:16 は縦向きショートフォーム動画（TikTok、Reels、YouTube Shorts）です。3:2 は古典的な 35mm フィルムと現代的な DSLR センサー比率です。2:3 は Pinterest ピン形式です。電卓は GCD を使用してピクセル寸法を最簡分数に簡略化し（1920x1080 -> 16:9 via gcd=120）、1 つの寸法とターゲット比を知っているときに欠落した側を解きます（交差乗算：width = height * W/H）。2026 年現在のプラットフォーム固有の寸法の参考表が付属しており、Instagram、TikTok、YouTube、X、LinkedIn、Pinterest、Threads — 新しい IG リール カバー（レガシー 1:1 グリッド サムネイル ではなく 1080x1920 9:16 として配信）を含みます。
アスペクト比計算機の使い方
Calculator タブを開きます。ピクセル単位で幅と高さを入力すると、簡略化された比率が GCD 表示付きでリアルタイムに表示されます。欠落した側を解くには、ターゲット比（例：16:9 または 1.78）と 1 つの寸法を入力します。もう一方は交差乗算で計算されます。ビジュアル プレビューは、選択した比率でスケーリングされた長方形を描画するため、エクスポートする前に検証できます。Social Media Sizes タブに切り替えて、現在のプラットフォーム寸法をワンタップでコピーできます（各プラットフォームの仕様ページに対して自動更新）。CSS Snippet タブは、aspect-ratio CSS プロパティ宣言と、古いブラウザー用の object-fit および object-position フォールバックを生成します — スタイルシートに直接貼り付けます。右側の Image fit コンパレーターは、cover（ボックスを塗りつぶし、オーバーフローをトリミング）、contain（ボックス内に収めるため黒帯を追加）、fill（塗りつぶすために拡大、歪む）、scale-down（contain と none の小さい方）、none（リサイズなし）をサンプル画像で並べて表示します — 画像とコンテナーの比率が一致しない場合に適切な CSS 値を選択するのに役立ちます。
あらゆる画面でアスペクト比が重要な理由
アスペクト比の不一致は、最も多く報告される Core Web Vitals の 2 つの障害を引き起こします。画像がプレースホルダーが予測した比率と異なる比率で読み込まれるときの累積レイアウト シフト (CLS) と、ヒーロー画像を描画中に再レイアウトする必要があるときの最大コンテンツフル ペイント (LCP) です。解決策は、aspect-ratio CSS プロパティ（または <img> の width/height 属性）であり、ブラウザーは画像バイトが到着する前に正しいボックスを予約できます。ソーシャル メディア側では、Instagram はフィード ビューで 4:5 または 1:1 以外のすべてをトリミングします。TikTok はおすすめフィードで 9:16 以外のすべてをトリミングします。YouTube Shorts は 1080x1920 から 720x1280 の間に 9:16 が必要です — 16:9 ファイルをアップロードすると黒いバーで囲まれ、エンゲージメントがネイティブ比率アップロード（Meta および TikTok 2024 クリエーターサクセス レポート参照）と比べて 30～40% 低下します。プリントも容赦ありません。3:2 の写真を 4:6 のフレームに印刷すると、事前にトリミングしないと 8% の画像がブリードで失われます。電卓の役割は、その後修正に 1 時間費やす前に不一致を浮き彫りにすることです。
よくある質問
アスペクト比とは？
アスペクト比は幅と高さの比率をW:Hで表したものです（例：16:9）。形状を表すもので、サイズではありません。1920x1080も640x360もどちらも16:9です。
サイズ変更時にアスペクト比を維持するには？
ソルバーを使用してください。比率と既知の辺を入力すると、交差乗算で欠損値を計算します。
SNSに適したアスペクト比は？
プラットフォームによります。Instagramスクエア投稿は1:1、ストーリーは9:16、YouTubeサムネイルは16:9、Twitter/X投稿は16:9です。
このツールを大きな作業フローの中で使う
これらのコレクションは、同じ作業でよく続けて使うツールやガイドをまとめています。
同じタグを見る
同じワークフロー、形式、用途を持つ別のツールへすぐ移動できます。