JPGをWebPに変換
JPGの写真をWebPに変換し、Webページを軽く速くします。品質は自分で調整でき、何もアップロードされません。
JPGをWebPにオンラインで変換
画像はたいていWebページで最も重い要素で、その多くはいまだにJPGです。これらの写真をWebPで再エンコードすると、見た目の違いなしに容量がはっきり減ることが多く、モバイル回線での読み込みが速くなり、Largest Contentful Paintの改善にもつながります。
このページは、WebPを選択した状態で画像変換ツールを開きます。写真はブラウザー内で変換され、アップロードされることはありません。
まずリサイズ、それから圧縮
最も大きな削減効果が、形式の変更だけで生まれることはめったにありません。スマートフォンで撮ったままの写真は幅4000ピクセルあることが多いのに、ページ上では1200ピクセルで表示されます。変換時に最大幅を設定すれば誰にも見えないピクセルが取り除かれ、WebPの圧縮はずっと小さな画像に対して働きます。この2つを組み合わせると、数メガバイトの写真が数百キロバイトのファイルになることも珍しくありません。
写真向けの品質設定
| 品質 | 主な用途 |
|---|---|
| 85〜90 | 細部が重要なポートフォリオや商品写真 |
| 75〜85 | ブログ画像、メインビジュアル、一般的なWebコンテンツ |
| 60〜75 | サムネイル、プレビュー、背景画像 |
入力はすでに圧縮されたJPGなので、WebPの品質を100に上げても細部は戻らず、ファイルが大きくなるだけです。いくつかの設定を比べて、見た目に問題のない最も小さいものを選んでください。
WebPファイルの使い方
- JPGの代わりに、CMSや静的サイトにアップロードします。
- ごく古いブラウザー向けには
picture要素を使い、WebPをsourceに、JPGをフォールバックのimgに指定します。 - GPSの位置情報を含むEXIFメタデータはコピーされないので、数キロバイトの節約にもなります。
ブラウザーの注意点と関連する変換
WebPファイルを作成できるのはChrome、Edge、Firefoxです。SafariはWebPを表示できてもエンコードはできないため、この変換はパソコンかAndroidスマートフォンでほかのブラウザーを使って行ってください。iPhoneとiPadではすべてのブラウザーがSafariのエンジンを使っているので、どれもWebPを作成できません。透過を含むPNGのグラフィックにはPNGをWebPに変換を、古いソフト向けにWebP画像をJPGに戻すにはWebPをJPGに変換をお使いください。