Developer Tools Platform

カテゴリ

Aspect Ratio Calculator

元の幅・高さの比率を保ったまま、新しい幅または高さを計算します。

元の幅元の高さ指定する項目値

概要

元の幅・高さの比率（アスペクト比）を保ったまま、新しい幅または高さを計算するツールです。
画像・動画・バナーなどのリサイズ時に、縦横比を崩さずにもう一方の辺の長さを求めたい場合に使用します。
元の幅・高さから、16:9のような簡易化されたアスペクト比も同時に表示します。

使い方

「元の幅」「元の高さ」に、リサイズ前の値を入力します。
「指定する項目」で、新しい幅・高さのどちらを指定するか選択します。
「値」に指定したい新しい幅または高さを入力します。
「計算する」ボタンをクリックすると、もう一方の辺の値とアスペクト比が表示されます。

入力例・出力例

入力

元:1920x1080、新しい幅:1280

出力

新しい高さ:720、比率:16:9

利用シーン

レスポンシブデザインで、画像を指定した幅にリサイズする際の高さを計算する
バナーやサムネイルを異なるサイズで書き出す際に、縦横比を保った寸法を求める
動画の解像度を変更する際に、アスペクト比を崩さない値を確認する

よくある質問

アスペクト比はどのように簡易化されますか？

元の幅・高さが整数の場合は最大公約数で約分して「16:9」のような形式で表示します。小数を含む場合は約分せず、入力値の比率をそのまま表示します。

幅と高さを両方同時に指定できますか？

できません。「指定する項目」で選んだ一方の値のみを入力し、もう一方は元の比率から自動計算されます。