アスペクト比・画像サイズ計算

1. 元のサイズを入力

2. 比率を保ったサイズを計算

端数処理後の整数pxを表示します。計算結果は最大1,000,000pxです。画像ファイルそのものは変更しません。

3. CSSで比率を指定

表示枠の比率を保つCSSです。画像自体を変形しない場合は、必要に応じて object-fit: cover; などと組み合わせます。

よく使うアスペクト比・サイズ早見表

「使う」を押すと、そのサンプルサイズを上の入力欄へ反映します。掲載先の最新仕様がある場合は、その指定を優先してください。

使い方と注意点

1. 元画像の幅と高さを入力します。
2. 幅または高さのどちらを基準にするか選び、変更後の値を入力します。
3. 表示されたもう一方の寸法を、画像編集ソフトやWeb制作へ使用します。

同じ比率でも、SNS・広告・ECモールなどの推奨サイズや容量制限は異なります。トリミングが必要な場合は、重要な被写体や文字が切れないことを確認してください。

実際に画像を変更する → 画像リサイズ ／ 不要部分を切り取る → 画像トリミング