ツール一覧

Aspect Ratio 計算機

指定した比率(16:9など)に合わせて、画像の幅や高さを自動で算出します。

このツールについて

画像や動画の「幅」と「高さ」の比率(アスペクト比)から、足りない寸法をワンクリックで計算できるツールです。YouTubeでおなじみの16:9や、Instagramアイコンに多い1:1など、よく使う比率のプリセットも用意しています。

「横幅を800pxにしたいけど、16:9を維持したまま高さを合わせるには何pxにすればいいんだっけ?」といった、コーディング中のちょっとした計算を肩代わりします。幅と比率を入力すれば高さが、高さと比率を入力すれば幅が、パッと自動で算出されます。YouTubeの埋め込みサイズの調整や、サムネイル画像をリサイズするときの計算にとても便利です。

ツール操作

使い方

  1. 幅とアスペクト比(16:9など)を入力すると高さが計算されます
  2. 高さと比率を入力すると幅が計算されます
  3. 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(縦型動画)など。用途に応じて選択し、このツールで寸法を計算できます。

関連ツール