画像リサイズ寸法
新しい幅に対応する高さ、または新しい高さに対応する幅を求め、リサイズ後も画像の元の比率を保ちます。
結果
新しい高さ（縦横比を維持）
結果
新しい幅（縦横比を維持）
使い方 ツール
- 画像の元の幅と高さをピクセルで入力します。
- 希望する新しい幅を入力します。逆算モードでは新しい高さを入力します。
- 元の比率を保つ寸法を確認します。
前提条件
- 元の縦横比をそのまま保つ想定です。異なる形にするには、トリミングする部分または余白を別途決める必要があります。
技術的な詳細：各項目の意味
- 元の幅
originalWidth - 現在の画像幅（px）。
- 元の高さ
originalHeight - 現在の画像高さ（px）。
- 新しい幅
newWidth - リサイズ後に希望する幅。
- newHeight
newHeight - 対応する幅を逆算するときに使う希望の高さ。
方法論
新しい高さ = 新しい幅 × (元の高さ ÷ 元の幅)。逆算では新しい幅 = 新しい高さ × (元の幅 ÷ 元の高さ)。幅と高さの比率を保ちます。
計算例
1600×900 px画像を幅800 pxに縮小
入力項目: 元の幅: 1600 px, 元の高さ: 900 px, 新しい幅: 800 px
結果: 高さ450 px。
4000×3000 px写真をウェブ用に幅1200 pxへ縮小
入力項目: 元の幅: 4000 px, 元の高さ: 3000 px, 新しい幅: 1200 px
結果: 高さ900 px。元の各寸法の30%、総ピクセル数では約9%です。
逆算：1920×1080の画像を高さ600 pxにする
入力項目: 元の幅: 1920 px, 元の高さ: 1080 px, 新しい高さ: 600 px
結果: 幅1067 px（丸め前1066.7 px）。
実用的なアドバイス
- 多くの画像編集ソフトやCSSフレームワークには縦横比固定の設定があります。事前に正確な寸法を知りたい場合にこの計算を使ってください。
- 縮小では元の情報を保てますが、元のピクセル寸法を超える拡大では新たな詳細が生まれず、画像がぼやけます。
- 1200×630のような指定枠を埋めるには、枠を覆うようにリサイズしてから余分をトリミングします。
よくある間違い
- 元の比率を確認せず新しい幅と高さを両方手入力し、画像を引き伸ばしたり押しつぶしたりすること。
よくある質問
画像を歪ませずにリサイズするには？
新しい寸法は幅か高さの一方だけ指定し、元の比率からもう一方を計算します。このツールが計算します。
結果が1ピクセルずれるのはなぜ？
ピクセルは整数なので、正確な比例寸法を丸めます。1ピクセル差は通常見えません。
最終確認日： 2026-09-25
元の縦横比を保ちます。別の形が必要な場合は、単なるリサイズでなくトリミングが必要です。
このツール 上記の前提条件に基づく参考値を提示します。
テーマとツールの設定、保存済みリストと最近使用したリストは、このブラウザー内にのみ保存されます。