アスペクト比計算ツール
使い方
幅と高さを入力してアスペクト比を計算します。プリセットを使えば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に適用できます。
プライバシー
すべての計算はブラウザ内で完結します。データがサーバーに送信・保存・記録されることは一切ありません。
よくある質問
アスペクト比と解像度は何が違いますか？
アスペクト比は幅と高さの比率（例：16:9）で、解像度はピクセル単位の実寸（例：1920×1080）です。同じ16:9でも1280×720や3840×2160など解像度はさまざまで、本ツールは寸法から比率を導き、比率を維持したリサイズ計算も行います。
入力した寸法はサーバーに送信されますか？
いいえ。比率の計算もリサイズ計算もすべてブラウザ内で完結し、入力値が送信・保存・記録されることは一切ありません。
小数のような半端な比率も計算できますか？
はい。任意の正の数値を入力でき、比率は最大公約数で約分された整数比と小数値の両方で表示されます。
計算した比率をCSSにそのまま使えますか？
はい。CSSのaspect-ratioプロパティ用の値（例：16 / 9）が出力されるので、コピーしてそのまま貼り付けられます。
リサイズ計算機能の使い方は？
元の寸法を入力した後、新しい幅または高さの片方を入力すると、元の比率を維持したもう一方の値が自動で計算されます。