JPGをWebPに変換

JPGをWebPに変換する理由

WebPはGoogleが開発した画像形式で、同じような見た目の品質ならJPEGより小さいファイルになることがよくあります。ウェブサイトでは、ページの読み込みが速くなり、訪問者あたりの帯域消費も減ります。スマホの写真はJPGで2～5 MBあることが多いですが、品質80でWebPに変換すると概ね1～2 MBまで小さくなります。ただし正確な結果は画像の内容によります。

このツールは完全にブラウザ上で動作します。画像がサーバーにアップロードされることはなく、何も保存されず、ページを読み込んだ後はオフラインでも使えます。登録も透かしもありません。

変換で期待できること

WebPはJPEGとは異なる圧縮方式を使います。同じ品質設定なら、写真ではWebPファイルは通常JPEGより25～35%小さくなり、フラットな色のグラフィックでは差がさらに大きくなることがあります。トレードオフとして、品質を100未満にするとWebPは非可逆形式なので、細部が多少失われます。これはウェブ画像では普通のことで、品質75～85ではほとんど気にならないでしょう。

品質設定の選び方

品質スライダーは圧縮の強さを調整します。値を下げるとファイルは小さくなりますが、目に見えるブロックノイズやエッジのぼけが出ることがあります。

• 90～100: ほぼ元の見た目、ファイルは大きめ。ディテールが重要なヒーロー画像やポートフォリオに。
• 75～85: ウェブ上のほとんどの写真に良いバランス。ファイルはかなり小さくなり、通常の表示サイズでは違いはほとんどわかりません。
• 50～70: 明らかに小さくなりますが、細部やグラデーションが損なわれることがあります。サムネイルや背景画像に適しています。

80から始めて、100%ズームで元画像と比較してみてください。違いがわからなければ、小さいファイルを選びましょう。

JPGフォールバックを残すべきケース

WebPは現在の主要ブラウザすべてで対応していますが、一部の古いブラウザや特定のメールクライアント、デスクトップアプリでは表示されません。非常に古いシステムのユーザーが含まれる場合や、ウェブページ以外（例えば文書やメール署名）で画像を使う場合は、フォールバックとしてJPG版を残しておきましょう。

ウェブサイトでは、`<picture>`要素を使って対応ブラウザにはWebPを、それ以外にはJPGを配信できます。

```html <picture> <source srcset="image.webp" type="image/webp"> <img src="image.jpg" alt="Description"> </picture> ```

これでモダンなブラウザは小さいWebPファイルを取得し、古いブラウザでもJPGが表示されます。今日のほとんどのサイトではWebPファイル1つで十分ですが、フォールバックは手間がかからず、少数の訪問者に画像が壊れて表示されるのを防げます。

PNGをWebPに変換する

同じツールでPNGファイルも扱えます。WebPは透過に対応しているので、透明背景のロゴやアイコンもきれいに変換できます。800 KBのPNGスクリーンショットは、内容によりますが品質80で150～250 KBのWebPになるかもしれません。PNGが少数のフラットな色しか使っていない場合、削減効果はさらに大きくなります。

一括変換

複数のJPGまたはPNGファイルを一度に選択できます。各ファイルはブラウザ上で個別に変換され、1つずつ、またはZIPアーカイブとしてまとめてダウンロードできます。ファイル数に制限はありませんが、非常に大きなバッチは端末によって数秒かかることがあります。

よくある質問