アスペクト比計算ツール

使い方

幅と高さを入力してアスペクト比を計算します。プリセットを使えば16:9や4:3などのよく使う比率をすぐに入力できます。リサイズ計算機能では、同じ比率を維持した新しい寸法を計算できます。

アスペクト比とは

アスペクト比は幅と高さの比例関係を表します。16:9はHD/4K動画やほとんどのモニターの標準です。4:3はクラシックTVや初期コンピュータの標準でした。21:9はウルトラワイドディスプレイや映画に使われます。1:1は正方形でSNSでよく使われます。9:16はTikTokやInstagram Reelsなどの縦型動画です。

活用シーン

• レスポンシブWebデザイン: CSSでaspect-ratioプロパティを使う際の比率確認や、レイアウト崩れの防止に役立ちます
• 動画編集: 素材を16:9や9:16に変換する際、クロップ範囲の計算に使えます
• 画像トリミング: 写真をSNS投稿用にリサイズする際、比率を維持した最適な寸法を計算できます
• SNS画像サイズ: Instagram（1:1、4:5）、YouTube（16:9）、Xヘッダー（3:1）など各プラットフォームの推奨比率を確認できます
• 印刷物デザイン: A4（約1:1.414）やB5など、紙のサイズに合わせた画像比率の計算に便利です

CSSのaspect-ratioプロパティ

CSS aspect-ratioプロパティは、要素の幅と高さの比率を指定できるモダンCSSの機能です。例えば「aspect-ratio: 16 / 9;」と書くと、幅に応じて高さが自動計算されます。動画の埋め込みやカード型レイアウトで、従来のpadding-topハック（padding-top: 56.25%）を置き換える推奨手法です。本ツールで計算した比率をそのままCSSに適用できます。

プライバシー

すべての計算はブラウザ内で完結します。データがサーバーに送信・保存・記録されることは一切ありません。