JPG・PNGをWebPに一括変換

JPG・PNG画像をWebP形式にまとめて変換できます。Webサイトの画像軽量化や表示速度の改善に使えるツールです。複数ファイルを一括変換し、個別またはZIPでダウンロードできます。変換処理はブラウザ上で行われるため、画像データはサーバーへ送信されません。

変換例: example.jpg banner.png example.webp banner.webp (軽量化して保存)
⚙️ 変換設定

数値を下げると容量は軽くなりますが、画質が粗くなります。実務の推奨値は「80」です。

80%

※チェックを入れるとMV用などの巨大画像も変換可能になりますが、PCのメモリ(RAM)を大量に消費するため、ブラウザがフリーズ・クラッシュする可能性があります。自己責任でご利用ください。

枚数が多い場合は「2〜3」を推奨。高スペックPCなら増やしても構いません。

3枚同時
📁
ここにJPG・PNG画像をドラッグ&ドロップ
またはクリックしてファイルを選択(複数可 / 1枚10MBまで)

💡 JPG・PNGをWebPに変換するメリット

WebPはGoogleが開発した画像フォーマットで、JPGやPNGと比べてファイルサイズを小さくしやすい特徴があります。Webサイトの表示速度を改善し、PageSpeed InsightsなどのLighthouseスコア改善にも使われます。

1. JPEGとPNGの「いいとこ取り」
WebPは、JPEGのように写真も綺麗に圧縮でき、PNGのように「背景の透過(透明化)」も保持できるフォーマットです。このツールに背景透過のPNGを入れると、透過を保ったままWebPに変換されます。
2. 主要ブラウザではWebP対応が進んでいます
現在の主要ブラウザではWebP対応が進んでいるため、多くのWebサイトでWebP画像を使いやすくなっています。ただし、古いブラウザや一部のアプリ内ブラウザまで考慮する場合は、必要に応じて元画像や <picture> タグでの出し分けも検討してください。

🔍 変換後に確認したい画質とファイルサイズ

変換後の「📉 削減」バッジで削減率を確認してください。品質設定「80」の目安として、写真・グラデーション系(JPG元画像)は40〜70%の軽量化が見込めます。背景透過PNG(アイコン・ロゴ等)は30〜50%程度になることが多いです。

ただし、元画像の内容や圧縮率によっては効果が小さい場合もあります。変換後に実際の画像を目視で確認し、品質スライダーを調整して再変換することをおすすめします。

❓ WebPに変換しても元画像は残るか

はい。このツールはドロップした元のファイルを変更しません。変換されるのは出力されるWebPファイルだけです。元のJPG・PNGはそのままお手元に残ります。

📐 このツールの仕様と注意点

  • 透過(アルファチャンネル)は保持されます: 背景透過のPNGをドロップすると、透明部分を保ったままWebPに変換されます。アイコンやロゴの軽量化に特に効果的です。
  • GIF・SVG・AVIFには非対応: このツールはJPG・PNGのみ対応しています。GIFはアニメーション情報をWebPに変換する処理が別途必要なため、SVGはベクター形式のため対象外です。
  • 一括処理の目安は50枚・合計100MB以内: このツールはブラウザのメモリ上で変換処理を行います。コーポレートサイトの /assets/img/ 程度(30〜50枚)であれば問題ありませんが、それ以上の場合は数回に分けてドロップすることを推奨します。

⚙️ WordPressでのWebP導入方法

① WordPress 5.8以降はWebP画像をそのままアップロード可能

WordPress 5.8以降では、サーバー環境がWebPに対応していれば、WebP画像をメディアライブラリにアップロードして利用できます。このツールでJPG・PNGをWebPに変換したあと、通常の画像と同じようにアップロードして使えます。

注意:
WordPress本体の標準機能だけで、既存のJPG・PNGを自動的にWebPへ一括変換できるわけではありません。アップロード時の自動変換や既存画像のWebP化を行いたい場合は、専用プラグインやサーバー側の画像最適化機能を確認してください。

② .htaccess でWebPを自動配信する(既存サイトへの導入に)

このツールで変換したWebPファイルを元の画像と同じフォルダに置いておくと、WebP対応ブラウザには自動でWebPを配信できます。既存のHTMLやURLを変更する必要がないため、制作済みサイトへの後付け導入に向いています。

<IfModule mod_rewrite.c>
  RewriteEngine On
  # ブラウザがWebPに対応しており、同名の .webp ファイルが存在する場合に自動配信
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{REQUEST_FILENAME} \.(jpe?g|png)$
  RewriteCond %{REQUEST_FILENAME}\.webp -f
  RewriteRule ^ %{REQUEST_URI}.webp [T=image/webp,E=accept:1,L]
</IfModule>
<IfModule mod_headers.c>
  Header append Vary Accept env=REDIRECT_accept
</IfModule>
この設定を使うには:
元の画像(例: photo.jpg)と同じディレクトリに、同名+.webp拡張子のファイル(例: photo.jpg.webpを配置する必要があります。このツールでの変換後、ファイル名を 元のファイル名.webp にリネームしてからアップロードしてください。
また、Apache環境(さくらインターネット・エックスサーバー等)向けの設定です。Nginx環境では nginx.conf への記述が必要になります。

WebP変換に関するよくある質問

Q. JPGやPNGをまとめてWebPに変換できますか?
はい。複数のJPG・PNG画像をまとめてWebP形式に変換できます。ドラッグ&ドロップまたはクリックでファイルを選択し、一括で変換できます。
Q. WebPに変換すると画質は落ちますか?
WebPは画像を軽量化しやすい形式ですが、品質設定によっては見た目に差が出る場合があります。公開前に、変換後の画像を目視で確認することをおすすめします。
Q. WebPに変換するとファイルサイズは小さくなりますか?
多くの場合、JPGやPNGよりファイルサイズを小さくできます。ただし、元画像の内容や品質設定によっては、必ず小さくなるとは限りません。
Q. 変換した画像はどのように保存されますか?
変換後のWebP画像を個別にダウンロードできます。2枚以上変換した場合は、ZIPでまとめてダウンロードすることもできます。元の画像ファイルは変更されません。
Q. 元の画像データはサーバーに送信されますか?
このツールはブラウザ上で変換処理を行うため、画像データはサーバーへ送信されません。

WebP以外の形式に変換したい場合は、WebP → JPG・PNG変換AVIF → JPG・PNG変換も利用できます。