※本ツールは、ブラウザ上（JavaScript）で動作する数値計算ツールです。
※入力された数値やデータが外部サーバーへ送信・保存されることは一切ありません。
※本ツールの使用によって発生したトラブルについて、運営者は責任を負いかねます。参考値としてご利用ください。

アスペクト比計算ツールの使い方

Webデザイン、動画編集、DTPなどのクリエイティブ業務において、面倒な「比率計算」をブラウザ上で瞬時に解決するユーティリティツールです。 幅や高さを入力するだけで、16:9や黄金比など、様々なアスペクト比に基づいたサイズを自動算出します。電卓を叩く手間を省き、制作業務を効率化します。

できること・機能

  • 1. アスペクト比のリアルタイム計算 幅（W）または高さ（H）のどちらかを入力するだけで、すべての比率パターンを瞬時に自動計算して一覧表示します。 「幅を固定した場合」「高さを固定した場合」の両方を同時に確認できるため、レイアウトの検討がスムーズに行えます。
  • 2. 主要なデザイン比率を網羅 一般的な「16:9（動画）」「4:3（スライド）」に加え、デザインで頻出する「黄金比（1:1.618）」「白銀比（1:1.414）」、SNS用の「9:16」などをプリセットとして用意しています。
  • 3. ワンクリックでコピー完了 計算された数値（例：1920 x 1080）のカードをクリックするだけで、クリップボードに即座にコピーされます。 そのままFigmaやPhotoshop、コーディングエディタへペーストできるため、入力ミスを防げます。

こんな用途におすすめ

動画・SNSコンテンツ制作

YouTube（16:9）やTikTok（9:16）など、プラットフォーム推奨サイズに合わせたリサイズ計算や、サムネイル画像の制作時に。

Web・UIデザイン

「黄金比」を用いた美しいレイアウトグリッドの作成や、レスポンシブデザインにおける画像の比率計算、バナーサイズ算出などに。

よくある質問・注意点

Q. 入力した数値は外部に送信されますか？

いいえ。本ツールは完全なクライアントサイド（ブラウザのみ）で動作しています。
入力した数値データがサーバーへ送信されたり、ログとして保存されたりすることはありません。

Q. 計算できる数値の上限はありますか？

はい。動作の安定性を保つため、入力できる数値は「9桁（9億9999万9999）」までに制限されています。

Q. 小数点の計算は可能ですか？

はい。計算ロジック上は小数点も扱いますが、表示結果は見やすさを優先して「四捨五入」された整数値を表示する場合があります。 特に黄金比などの計算では、1px単位の誤差が生じる可能性がある点をご了承ください。

コピーしました

1920 x 1080