💡 JPG・PNGをWebPに変換するメリット
WebPはGoogleが開発した画像フォーマットで、JPGやPNGと比べてファイルサイズを小さくしやすい特徴があります。Webサイトの表示速度を改善し、PageSpeed InsightsなどのLighthouseスコア改善にも使われます。
WebPは、JPEGのように写真も綺麗に圧縮でき、PNGのように「背景の透過(透明化)」も保持できるフォーマットです。このツールに背景透過のPNGを入れると、透過を保ったまま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変換も利用できます。