# アスペクト比計算機 > 無料アスペクト比計算機。幅×高さをアスペクト比に変換、欠損値を計算、Instagram・TikTok・YouTubeなどの最新SNS画像サイズを確認。 - **Category:** 計算機 - **URL:** https://www.teafun.cyou/tools/aspect-ratio/ - **Privacy:** Runs entirely in your browser — no uploads, no account, no tracking. - **Also known as:** resize ratio, image ratio, width height ratio - **Related tools:** [モニターのリフレッシュレート](https://www.teafun.cyou/tools/monitor/), [フロアプランツール](https://www.teafun.cyou/tools/floor-plan/), [請求書ジェネレーター](https://www.teafun.cyou/tools/invoice-generator/) - **Tags:** Display, Design, Layout ## About アスペクト比を瞬時に計算。サイズ変換、辺の欠損値計算、2025/2026年版SNS画像サイズ一覧。 ## アスペクト比計算機の使い方 **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 プロパティ（または `` の 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 時間費やす前に不一致を浮き彫りにすることです。 _SEO title: アスペクト比計算機 – 画像サイズ・SNS規格 2026 | TeaFun_ ## FAQ ### アスペクト比とは？ アスペクト比は幅と高さの比率をW:Hで表したものです（例：16:9）。形状を表すもので、サイズではありません。1920x1080も640x360もどちらも16:9です。 ### サイズ変更時にアスペクト比を維持するには？ ソルバーを使用してください。比率と既知の辺を入力すると、交差乗算で欠損値を計算します。 ### SNSに適したアスペクト比は？ プラットフォームによります。Instagramスクエア投稿は1:1、ストーリーは9:16、YouTubeサムネイルは16:9、Twitter/X投稿は16:9です。