Aspect Ratio 計算機
指定した比率(16:9など)に合わせて、画像の幅や高さを自動で算出します。
▶このツールについて
画像や動画の「幅」と「高さ」の比率(アスペクト比)から、足りない寸法をワンクリックで計算できるツールです。YouTubeでおなじみの16:9や、Instagramアイコンに多い1:1など、よく使う比率のプリセットも用意しています。
「横幅を800pxにしたいけど、16:9を維持したまま高さを合わせるには何pxにすればいいんだっけ?」といった、コーディング中のちょっとした計算を肩代わりします。幅と比率を入力すれば高さが、高さと比率を入力すれば幅が、パッと自動で算出されます。YouTubeの埋め込みサイズの調整や、サムネイル画像をリサイズするときの計算にとても便利です。
ツール操作
使い方
- 幅とアスペクト比(16:9など)を入力すると高さが計算されます
- 高さと比率を入力すると幅が計算されます
- 16:9、4:3、1:1等のプリセットから選択も可能です
いつ使うか
YouTube埋め込みのサイズ計算、画像のリサイズ、レスポンシブコンテナの高さ算出に。
使用例
幅1920×16:9 → 高さ1080、高さ1080×16:9 → 幅1920。
よくある質問
16:9のアスペクト比とは?
幅16に対して高さ9の比率。フルHD(1920×1080)やYouTubeの標準比率です。幅÷16×9で高さが求まります。
アスペクト比の計算方法は?
幅から高さ: 高さ = 幅 ÷ (幅の比率/高さの比率)。例: 16:9で幅1920なら、高さ = 1920 ÷ (16/9) = 1080。
4:3のアスペクト比は?
従来のテレビや一部のモニタで使われる比率。幅1920なら高さ1440。16:9より縦長です。
1:1のアスペクト比とは?
正方形。Instagramのフィード画像、アイコン、サムネイルでよく使われます。幅と高さが同じです。
YouTubeの推奨アスペクト比は?
16:9が標準。1920×1080(フルHD)や1280×720(HD)が一般的。このツールで幅から高さを即計算できます。
アスペクト比から幅を求める方法は?
高さと比率が分かっている場合、幅 = 高さ × (幅の比率/高さの比率)。例: 16:9で高さ1080なら幅 = 1080 × (16/9) = 1920。
画像のアスペクト比を維持するには?
object-fit: contain や aspect-ratio プロパティを使う。このツールで必要な寸法を計算してから実装できます。
アスペクト比と解像度の違いは?
アスペクト比は幅:高さの比率(16:9等)。解像度はピクセル数(1920×1080等)。同じアスペクト比で解像度は異なれます。
CSSのaspect-ratioプロパティは?
aspect-ratio: 16/9 で要素の比率を指定。幅だけ指定すると高さが自動計算されます。このツールで比率の計算ができます。
動画のアスペクト比の種類は?
16:9(YouTube標準)、4:3(従来)、1:1(正方形)、9:16(縦型動画)など。用途に応じて選択し、このツールで寸法を計算できます。