📏 アスペクト比計算機

幅と高さからアスペクト比を計算、またはアスペクト比と一辺からもう一辺を算出します。

幅と高さからアスペクト比を計算

幅と高さを入力してください

プレビュー

よく使われるアスペクト比

CSS aspect-ratio プロパティ

aspect-ratio: 16 / 9;

画像からアスペクト比を検出

🖼️ 画像をドラッグ&ドロップ

またはクリックしてファイルを選択

解像度リファレンス

名称 解像度 アスペクト比
720p (HD) 1280 × 720 16:9
1080p (Full HD) 1920 × 1080 16:9
1440p (QHD) 2560 × 1440 16:9
4K (UHD) 3840 × 2160 16:9
8K (UHD) 7680 × 4320 16:9

使い方・活用例

  • 動画編集時にフレームサイズのアスペクト比を確認
  • Webデザインでレスポンシブ画像のCSS aspect-ratioを取得
  • 写真のトリミングサイズを比率から逆算
  • 画像やバナーの寸法をアスペクト比で統一

アスペクト比計算機とは

アスペクト比計算機は、画像や動画の幅と高さの比率をリアルタイムで計算し、逆にアスペクト比から最適なサイズを導き出せるツールです。Webデザイン、動画制作、グラフィックデザインなど、メディア制作の現場で欠かせません。電卓不要で瞬時に計算でき、複数の比率形式で結果を表示します。

使い方ガイド

【パターン1:幅と高さからアスペクト比を求める】
「幅と高さを入力」のタブで、画像や動画の幅と高さの数値を入力します。自動で16:9、4:3、3:2など一般的な比率に近い値や、正確な分数表記が表示されます。
【パターン2:アスペクト比から片方のサイズを求める】
「アスペクト比と一辺から計算」を選択し、既知のサイズと目的の比率を入力すると、もう一方のサイズが自動計算されます。

活用シーン

・Webバナーのサイズ決定:クライアントから「728×90のバナーが必要」と言われた時、様々なアスペクト比オプション(300×250など)を素早く計算できます。
・SNSコンテンツ作成:Instagram、TikTok、YouTubeなど各プラットフォームの推奨アスペクト比から、必要な画像サイズを逆算して設定できます。
・レスポンシブデザインの確認:CSSの aspect-ratio プロパティの値を入力して、期待される表示サイズをプレビューできます。
・動画編集での準備:縦動画・横動画・スクエアそれぞれのサイズを計算して、編集前に素材サイズを統一できます。

知っておきたいポイント

Webデザインで最も一般的な比率は16:9(ワイドスクリーン)と4:3(標準)です。スマートフォン時代の現在、1:1(スクエア)や9:16(縦動画)も増えています。アスペクト比を正確に保つことで、変形や歪みのない綺麗な表示が実現でき、特に複数サイズでの展開が必要な場合に計算ミスによる品質低下を防げます。

よくある質問

アスペクト比とは何ですか?

アスペクト比とは、画像や画面の幅と高さの比率のことです。例えば16:9は横幅が16に対して高さが9の比率で、フルHDやYouTube動画で広く使われています。

よく使われるアスペクト比にはどんなものがありますか?

代表的なアスペクト比には、16:9(HD動画・YouTube)、4:3(旧テレビ・プレゼン)、1:1(Instagram正方形)、9:16(スマホ縦動画・TikTok)、21:9(ウルトラワイドモニター)、3:2(一眼レフ写真)などがあります。

CSSのaspect-ratioプロパティとは?

CSS aspect-ratioプロパティは、要素のアスペクト比を指定するCSSプロパティです。例えば「aspect-ratio: 16 / 9;」と記述すると、要素が常に16:9の比率を維持します。レスポンシブデザインで動画やカードのレイアウトに便利です。

画像をドロップすると何ができますか?

画像をドラッグ&ドロップすると、画像の幅と高さを自動で検出し、アスペクト比を即座に計算します。写真や素材画像のアスペクト比を簡単に確認できます。

A4用紙のアスペクト比はいくつですか?

A4用紙のアスペクト比は約1:1.414(1:√2)です。ISO 216規格に基づくA判・B判の用紙はすべてこの比率で、半分に折っても同じアスペクト比が維持される特徴があります。

入力したデータは安全ですか?

はい、すべての計算はお使いのブラウザ内で完結します。入力されたデータやドロップされた画像がサーバーに送信されることは一切ありません。安心してご利用ください。

YouTubeの動画推奨アスペクト比は?

YouTubeは16:9(ワイド)を推奨しており、最小1280×720ピクセルの解像度が必要です。その他9:16(縦型)や1:1(正方形)にも対応しており、プラットフォーム別に最適な比率があります。

回転時にアスペクト比はどう変わりますか?

回転すると幅と高さが入れ替わるため、元の比率が逆転します。例えば16:9を回転させると9:16になり、スマートフォン表示への対応を考える際に重要です。

モバイル画面のアスペクト比の標準値は?

iPhoneは多くのモデルで19.5:9または20:9、Androidは21:9などの超ワイド画面も増えています。デバイスごとに異なるため、複数デバイスでの検証が重要です。

複数サイズを一度に計算できますか?

単一計算はツールの基本機能ですが、高さ固定で複数幅を計算する場合は、アスペクト比と高さを入力して幅を逐次計算することで複数パターンに対応できます。

インチ単位の計算に対応していますか?

ツールはピクセル単位の計算に特化していますが、数値自体に単位は関係ないため、インチやセンチの数値を直接入力しても計算可能です。単位を統一させれば問題ありません。

負の数を入力した場合はどうなりますか?

負の数は計算上無視され、絶対値で処理されます。ただし、実際の画像寸法では正の数のみ有効なため、必ず正の値を入力してください。