アスペクト比計算ツール

アスペクト比計算ツールは、開発者、デザイナー、コンテンツクリエイターがさまざまなメディアフォーマットでアスペクト比を扱うための無料ブラウザベースツールです。レスポンシブレイアウトの構築、動画編集、画像の切り抜き、CSSプロパティの定義など、あらゆる寸法に対して正しい比率を簡単に求めることができます。

幅と高さをピクセルで入力すると、最大公約数（GCD）アルゴリズムを使用して簡約化された比率を瞬時に計算します。例えば、1920×1080を入力すると、よく知られた16:9比率が得られます。小数値（1.7778）やCSS aspect-ratioプロパティの値も表示されるため、スタイルシートに直接コピーできます。

リサイズ計算機能では、現在の比率を固定したまま、一方の寸法からもう一方を計算できます。これはアセットを比率を保って拡縮する場合に特に便利です。目的の幅を入力すれば高さが自動的に計算され、その逆も可能です。ロック切り替えにより、比率の制約をいつ適用するかを完全に制御できます。

一般的なプリセットのグリッドには、動画制作（16:9、21:9、2.39:1）、写真（3:2）、従来のモニター（4:3、5:4）、正方形フォーマット（1:1）、モバイルファーストコンテンツ（9:16）で最も頻繁に使用される比率が含まれています。任意のプリセットをクリックすると即座に読み込まれます。ビジュアルプレビューボックスがリアルタイムで更新され、比率を一目で確認できます。

解像度テーブルには、アクティブな比率に対応する標準画面解像度が小型モバイルサイズから4K UHDまで一覧表示されます。任意の行をクリックして解像度文字列をコピーできます。すべての処理はネイティブJavaScript演算を使用してブラウザ内で完全に行われ、データがサーバーに送信されることは一切ないため、プロプライエタリなデザイン仕様でも安全に使用できます。

1. 計算パネルに幅と高さを入力すると、簡約化された比率、小数値、CSSプロパティが表示されます。
2. 一般的なプリセットボタン（16:9、4:3など）をクリックすると、標準的な比率が即座に読み込まれます。
3. リサイズ計算機能で一致する寸法を見つけます。比率をロックした状態で、新しい幅または高さを入力すると、もう一方が自動計算されます。
4. ビジュアルプレビューで、用途に合った比率であることを確認します。
5. 解像度テーブルで比率に合った一般的な画面解像度を確認します。任意の行をクリックしてコピーできます。
6. 任意の値（比率、小数値、CSS）の横にあるコピーボタンをクリックしてクリップボードにコピーします。キーボードショートカット：Ctrl+Shift+CでCSSのaspect-ratio値をコピーします。