一括画像リサイズツール

画像一括リサイズ

写真、スクリーンショット、商品画像をまとめてドラッグ&ドロップすると、一括リサイズツールが同じサイズ調整モード、同じ出力形式、同じJPG/WebP品質設定で処理します。画像を指定枠内に収める、正確な寸法まで引き伸ばす、幅だけまたは高さだけを合わせる、といった使い分けができます。処理はすべてブラウザ内で行われ、元ファイルは変更されません。

複数画像を一度にリサイズする方法

  1. 1

    画像を追加

    JPG、PNG、WebP、GIF、BMP、SVG、AVIFなど、ブラウザが読み込める画像ファイルを複数選択できます。ブラウザでデコードできないファイルはエラーになります。

  2. 2

    目標の枠を設定

    比率を保つなら「枠内に収める」、正確な寸法にそろえるなら「引き伸ばして塗りつぶす」、幅または高さだけを合わせることもできます。

  3. 3

    出力形式と品質を選択

    バッチ全体をJPG、PNG、WebPで書き出せます。JPGとWebPは品質スライダーを使い、PNGではその設定は無視されます。

  4. 4

    処理してダウンロード

    各画像は端末上でcanvasに描き直されます。処理が終わったら、リサイズ済みファイルを1つのZIPでまとめてダウンロードできます。

サイズ調整モード

モード 動作 向いている用途
枠内に収める 縦横比を保ったまま、各画像を指定した枠の中に収める 横長と縦長が混在する画像セット
引き伸ばして塗りつぶす すべての画像を指定した幅と高さに強制的に合わせる 同一サイズのプレースホルダーやテクスチャ
幅を合わせる 幅を同じピクセル数にし、高さを自動計算する ブログ画像やギャラリーカード
高さを合わせる 高さを同じピクセル数にし、幅を自動計算する バナー列やカルーセル枠

Format trade-offs

  • JPG: 写真向けで、ファイルサイズを小さくしやすい非可逆形式です。商品写真、人物、風景に向いています。
  • PNG: スクリーンショット、エッジの鋭いグラフィック、透過。ファイルは大きめです。
  • WebP: 品質を調整できる現代的なブラウザ出力です。見た目が近いJPG出力より小さくなりやすく、現在の主要ブラウザで広く対応しています。

品質設定の目安

  • JPG 95-100: 見た目はほぼ劣化なし。後で再編集する画像に使います。
  • JPG 80-90: Webの標準。サイズと品質のバランスがよい設定です。
  • JPG 60-75: 強めの圧縮。小さなサムネイルなら許容できます。
  • WebP 75-85: JPG 85+に近い見た目で、より小さいファイルサイズになりやすいです。
  • PNG: 品質スライダーは使われません。シャープな線や透過を優先する場合に選びます。

コツ

  • 不用意な拡大を避ける: 600pxの画像を2000pxで書き出すと、たいてい甘く見えます。鮮明さを重視するなら、元画像に近いか、それより小さい目標サイズを選びます。
  • 比率を保つなら枠内に収める: 引き伸ばしはプレースホルダーには便利ですが、写真を歪ませることがあります。
  • 順序が大切: 先にリサイズし、その後に圧縮します。圧縮してからリサイズすると、捨てるデータを再処理する時間が無駄になります。
  • 元ファイルは変更されません: ツールが元ファイルを上書きすることはありません。新しいファイルをまとめたZIPをダウンロードします。

よくある質問

上限はブラウザのメモリ次第です。一般的なスマホ写真なら、最近のノートPCでおよそ100-200枚が現実的です。4K画像の大きなバッチは、いくつかの小さな処理に分けてください。

いいえ。すべてCanvas APIを通じてブラウザ内で動きます。画像は端末から出ないため、プライベートに保たれます。

リサイズでは必ずピクセルが描き直されます。縮小はたいていきれいに見えますが、極端に小さいサイズや低いJPG/WebP品質では目立つ劣化が出ることがあります。シャープな線や透過が必要ならPNGを選びます。

書き出されるファイルはcanvasで新しく描き直した画像なので、カメラ情報、GPS、撮影日時などのメタデータは保持されません。アーカイブや編集でEXIFが必要な場合は、元ファイルを保管してください。

関連ツール