ブログ掲載前に横幅をそろえて WebP 化する
整形前
photo01.jpg 4.8MB 4000×3000 photo02.png 2.1MB 2400×1600
整形後
photo01-web.webp 420KB 1600×1200 photo02-web.webp 310KB 1600×1067
補足: 横幅を 1600px にそろえ、縦横比を維持しながら WebP に変換するイメージです。
画像軽量化と形式変換
画像一括リサイズ / WebP変換
複数画像をまとめて取り込み、幅や高さの調整、WebP 変換、品質設定をブラウザ内でまとめて行い、軽量化した画像を ZIP で一括ダウンロードできるローカル処理ツールです。
対応形式
jpg / jpegpngwebp複数画像のまとめアップロードとドラッグ＆ドロップ
画像設定と一括処理
左で画像と出力条件を設定し、右で処理結果を確認します。問題がなければ ZIP で一括ダウンロードできます。
対象画像
jpg / jpeg / png / webp の画像を複数選択するか、ここへドラッグ＆ドロップしてください。
画像はサーバーへ送らず、ブラウザ内でリサイズ・変換・ZIP 作成を行います。
処理設定
選択中: 0出力準備OK: 0要確認: 0
出力形式
82
数値を下げるほど軽くなりやすくなります。jpg / webp で特に影響が出やすい設定です。
WebP は Web 用に使われることが多い軽量な画像形式です。迷ったら WebP 変換を試し、見た目と容量のバランスを確認するのがおすすめです。
画像処理と ZIP 作成は、このブラウザ内で完結します。元画像を外部へ送信せずに処理できます。
品質を高くすると見た目は保ちやすくなりますが、容量は大きくなりやすくなります。
出力ファイル名は、元の名前に先頭 / 末尾文字を加えて作成します。拡張子は出力形式に応じて自動で決まります。
処理結果プレビュー
処理設定
まだ画像が選択されていません
まずは複数画像を追加すると、ここに Before / After の情報が表示されます。
できること
- 複数画像をまとめて追加し、ドラッグ＆ドロップでも取り込める
- 幅指定、高さ指定、縦横比維持を組み合わせて一括リサイズできる
- 元形式のまま出力するか、まとめて WebP へ変換できる
- 品質、出力ファイル名ルール、Before / After 情報を確認したうえで ZIP で一括保存できる
こんな人向け
- ブログやお知らせ用の画像を公開前に軽くしたい人
- EC 商品画像や資料添付画像をまとめて整えたい人
- 画像編集ソフトを開かずに、複数画像を手早く整えたい人
使い方
- 01
画像をまとめて追加する
jpg / jpeg / png / webp の画像を複数選択するか、ドラッグ＆ドロップで読み込みます。
- 02
サイズ・形式・品質を設定する
幅、高さ、縦横比維持、WebP 変換、品質、出力名の先頭 / 末尾を必要に応じて設定します。
- 03
処理結果を確認する
元サイズ、出力サイズ、概算の軽量化率を一覧で見比べ、エラーがないか確認します。
- 04
ZIP でまとめて保存する
問題がなければ、変換後の画像を ZIP で一括ダウンロードします。
使用例
元形式のまま小さくして案件接頭辞を付ける
整形前
hero.jpg 3.2MB 3200×1800
整形後
project-hero-optimized.jpg 690KB 1800×1013
補足: 出力形式は元のままにしつつ、先頭と末尾に文字を加えて共有用の名前へ整えます。
注意点
- 非常に大きい画像や大量画像では、ブラウザ内での処理に少し時間がかかることがあります。
- 品質を下げるほど軽量になりやすい一方で、見た目の細かさも落ちる場合があります。
- 軽量化率は元画像との概算比較です。設定によっては出力サイズが逆に大きくなることもあります。
FAQ
画像はサーバーへ送信されますか？
いいえ。このツールはブラウザ内で処理し、ZIP 作成までローカルで行います。
WebP とは何ですか？
WebP は、画像を比較的軽くしやすい画像形式です。見た目を大きく崩さず、jpg や png より容量を抑えられる場面が多いため、Web サイト用の画像でよく使われます。
元の形式のまま出力することもできますか？
はい。出力形式を `元形式のまま` にすると、jpg / png / webp の形式を維持したままリサイズと品質調整だけ行えます。
関連ツール
関連記事
更新履歴
画像一括リサイズ / WebP変換ツールを追加し、ブラウザ内での軽量化と ZIP 一括ダウンロードに対応しました。
幅・高さ指定、縦横比維持、品質設定、Before / After 比較を追加しました。