WebP変換

サイトやネットショップをもっと速くしたいなら、JPGとPNGをWebPに変換しましょう。変換ツールは変換前にJPGと比べてどれだけ節約できるかを見積もり、古いブラウザ向けのフォールバック付きHTMLコードも用意します。すべてブラウザ内で処理され、画像はどこにも送信されません。

WebPへの変換方法

1. 画像をアップロード。 ウィンドウにドラッグ＆ドロップするか、「ファイルを参照」をクリックします。JPG、PNG、BMP、静止画のGIFに対応し、数十枚をまとめて処理できます。
2. 品質を設定。 初期値の品質80（WEBP品質）はほとんどのサイトに合います。ポートフォリオなら85から90、サムネイルなら70を選びます。
3. 変換してダウンロード。 「変換」ボタンでまとめて処理し、できあがったWebPは1枚ずつ、またはZIPでダウンロードできます。

詳しく設定したい場合は、プレビュー下の「技術詳細: ルーペ、サイズ見積もり、HTMLコード」を開くと、ルーペや節約量の見積もり、HTMLコードが見つかります。

WebPに変換する理由

WebPはGoogleがウェブ向けに開発した形式です。Googleの調査（英語）によると、同じ品質でも非可逆WebPはJPEGより25から34%小さく、可逆WebPはPNGよりおよそ26%小さくなります。画像が軽くなれば読み込みが速くなり、Core Web Vitalsのスコアが上がり、モバイルのデータ消費も減ります。

JPGと違ってWebPは透明度に対応しているため、透明な背景を持つPNGの代わりにも使えます。今では主要なブラウザすべてが対応（英語）しており、Safariもバージョン14以降で使えます。

変換ツールでできること

変換前に節約量を見積もる

技術詳細の「サンプルから推定」では、選んだ画像を縮小したサンプルでエンコードし、選んだ設定でのWebPのサイズ、同じ品質のJPEGのサイズ、節約できる割合を計算します。変換する価値があるかどうか、すぐに分かります。

フォールバック付きのHTMLコード

「フォールバック付きpictureスニペット」は<picture>要素のコードを用意します。WebPに対応したブラウザは新しいファイルを読み込み、それ以外は元のJPGやPNGを受け取ります。コードには画像の寸法と遅延読み込みも含まれ、テンプレートに貼るだけです。<picture>の仕組みはMDNで説明されています。

100%表示のルーペ

プレビューをクリックするとルーペが任意の場所に移動し、原画像と結果をピクセル単位で見比べられます。非可逆圧縮の劣化は文字や輪郭、淡いグラデーションに最初に現れるので、そこを確認する価値があります。

透明度はそのまま

透明な背景を持つPNGは、アルファチャンネルを失うことなくWebPに変換されます。変換先のアプリが透明度に対応していない場合は「透明部分を単色に合成」を有効にします。

望ましくない結果からの保護

アニメーションGIFは変換ツールが受け付けません。変換すると気づかないうちに最初のコマだけが残ってしまうためです。すでによく圧縮された画像で変換後のファイルが元より大きくなった場合は表で示され、ワンクリックで「元画像を保持」できます。

リサイズ、リネーム、メタデータなし

「詳細設定」で画像を長辺のピクセル数かパーセントで縮小し、{name}、{width}、{height}、{index}を使って「一括リネーム」できます。変換によりEXIF、ICC、GPSが削除され、撮影場所は分からなくなります。画像を正確な寸法やkB単位の上限まで縮小したい場合は画像のリサイズを使ってください。

WebPの品質はどれを選ぶ

用途	品質	備考
ポートフォリオ、商品写真	85から90	細部は劣化せず、JPGより軽い
通常のウェブサイトやブログ	75から80	品質とサイズのバランスが最も良い
サムネイル、ギャラリー	65から70	ファイルは小さいが軽い劣化がある

WebPとほかの形式、どちらを選ぶ

• ウェブ向けの写真やグラフィック: WebP、念のため<picture>でフォールバックを用意。
• メールや行政システム、古いソフト向け: JPGなら確実にどこでも開けます。
• さらなる編集や印刷の元データ: PNG、劣化はまったくありません。

ウェブ上の画像の寸法は、変換前に画像の寸法分析ですぐに確認できます。

よくある質問

JPGをWebPに変換するには？

JPGファイルをアップロードし、品質80のままか調整して「変換」をクリックします。WebPは同じ見た目の品質でJPGよりおよそ4分の1から3分の1軽くなります。特定の写真でどれだけ節約できるかは技術詳細の見積もりで分かります。

PNGをWebPに変換して透明度は残りますか？

PNGをアップロードして変換するだけで、透明度は自動的に保たれます。逆に不要な場合は「透明部分を単色に合成」を有効にしてください。

WebPはすべてのブラウザに対応していますか？

はい、Safariバージョン14以降を含む現在のすべてのブラウザで使えます。念のため古い端末向けには、変換ツールが用意する<picture>要素のHTMLコードを使うと、古いブラウザは元のJPGやPNGを読み込みます。

WebPはJPGより優れていますか？

ウェブ用途では優れています。同じ品質でより軽く、透明度にも対応しています。ただしJPGはより多くのソフトやプリンター、行政システムで開けます。ウェブにはWebP、共有や印刷にはJPGを使ってください。

なぜ私のGIFは変換を拒否されたのですか？

アニメーションGIFを変換すると、気づかないうちに1枚の静止画になってしまいます。意図しない結果を避けるため、変換ツールはあらかじめ拒否します。静止画のGIFは問題なく変換できます。

画像はサーバーにアップロードされますか？

いいえ。変換はブラウザ内で直接行われ、ファイルはどこにも送信されません。