アスペクト比
歪みなくリサイズ
画像や動画のリサイズ時にアスペクト比を維持します。幅または高さを入力すると比例値を即座に算出します。
この変換はブラウザ内だけで実行され、サーバーへはアップロードされません。
- 比率16:9
- 10進1.7778
- よく使う比率16:9
プレビュー
Resize Calculator
リサイズ値は小数第2位まで表示します。実画像や動画フレームでは整数ピクセルに丸めてください。
このツールについて
幅と高さを 16:9、4:3、1:1、9:16 などに簡約し、小数（幅÷高さ）とリサイズ時の反対辺を計算します。
比率の簡約は GCD の前に各辺を整数へ丸めます。プリセットでよく使うメディア形式を選ぶか、任意の正数を入力してください。プレビュー枠が形を示します。
インチ・cm・印刷 DPI 変換はしません—抽象的な幅/高さ（多くは画面ピクセル）のみです。
When to use
- 画像や動画フレームを引き伸ばさず一辺固定でリサイズする
- キャンバス・埋め込み・SNS クロップが 16:9 / 4:3 / 1:1 / 9:16 か確認する
- デザイン仕様を書き出し前に実装サイズへ落とす
- CSS
aspect-ratioやレイアウトメモ用に比率・小数を記録する
使い方
- プリセットを選ぶか、元の幅と高さを入力します。
- 簡約比率、小数、プレビューを確認します。
- 新しい幅または高さを入れると反対辺がライブ更新されます。
- 要約をコピーし、実メディアへ出すときは整数ピクセルに丸めてください。
例
| 入力 / 設定 | 出力 | メモ |
|---|---|---|
1920 × 1080 | ratio 16:9; decimal 1.7778 | 標準ワイドスクリーン |
1080 × 1080 | ratio 1:1; decimal 1.0000 | 正方形クロップ |
original 1920 × 1080; new width 1280 | new height 720.00 | 整数ペア |
original 1920 × 1080; new width 1000 | new height 562.50 | 実ピクセルは 562 か 563 |
実務での落とし穴
- ピクセル丸め.
562.50は多くの書き出しで半ピクセルにできません。562/563 を選ぶか、両辺が整数になるよう幅を調整してください。 - GCD は先に丸める. 小数の元サイズは簡約前に丸められるため、表示
x:yが純粋な分数比と少し違うことがあります。 - 印刷 DPI は対象外. 72dpi / 300dpi でのピクセル↔インチ変換はしません。実寸は印刷用ツールを使ってください。
参考資料
最終更新: 2026-07-27
よくある質問
- 簡約された比率は何を意味しますか？
- 幅と高さを（GCD のため整数に丸めたうえで）最大公約数で割った関係です（例: `16:9`）。小数は 幅÷高さ です。
- リサイズ結果をピクセルにどう丸めますか？
- 表示は小数第2位までです。実画像や動画フレームでは通常いちばん近い整数に丸め、両辺が整数で比率を保てるよう ±1px 調整することがあります。
- 印刷や DPI には対応しますか？
- いいえ。抽象的な幅/高さ（多くは画面ピクセル）のみです。インチ/cm/DPI の印刷サイズは対象外です。
- アップロードは必要ですか？
- いいえ。計算はブラウザ内だけで行います。