WebPをJPGに変換：変換すべき時と不要な時、その理由

WebPは、WebでのJPGに代わる小さなファイル形式として2010年にGoogleが公開しました。しかしSafariが表示に対応していなかったため、その後10年ほどはあまり使われませんでした。状況が変わったのは、2020年にAppleがSafari 14とmacOS Big SurでWebPに対応してからです。主要なブラウザがすべて表示できるようになると、大規模に画像を配信する企業は一斉に切り替えました。しかも切り替えはサーバー側で行われるため、その判断は利用者には見えず、いま見ている画像がどの形式なのかをページから知る手がかりもありません。

たとえばShopifyの画像CDNは、商品写真がJPGでアップロードされていても、WebPを表示できると伝えてきたブラウザにはWebPを返します。Google画像検索のプレビューもWebPです。WordPressは2021年のバージョン5.8からWebPのアップロードに対応しています。JPGのアップロードを標準でWebPに変換する計画はバージョン6.1の公開前に見送られましたが、WordPressのパフォーマンスチームによるプラグイン「Modern Image Formats」や、多くのホスティングの画像最適化機能は、まさにその変換を行います。どの場合も結果は同じで、サイト運営者のパソコンではJPGだったファイルが、あなたの手元に届く頃にはWebPになっているのです。

ブラウザもこの仕組みに協力しています。Chrome、Edge、Firefoxは画像を要求するたびに、image/webp(とimage/avif)を並べたAcceptヘッダーを送ります。フォーマットのネゴシエーションに対応したサーバーはこの一覧を読み、表示できる中で最も小さい形式を選びます。右クリックして名前を付けて画像を保存を選ぶと、ブラウザはすでに受信したデータをそのまま保存します。そのため、アドレスバーでは名前が.jpgで終わっていても、ディスクにはWebPとして保存されることがあり、.jpg.webpのような二重拡張子になる場合もあります。

ブラウザが問題になることは、もう何年も前からありません。困るのはそれ以外の場所です。2022年より前にインストールしたデスクトップソフト、許可リストを一度作ったきり更新していないアップロードフォーム、JPGとTIFFを前提にしたプリントショップのシステム、独自のデコーダーでインライン画像を表示するメールソフトなどです。これらは親切なエラーを出してくれません。印刷ポータルはファイルを拒否するだけ、行政の申請フォームは形式が無効だと表示するだけ、古いPhotoshopはWebPに一切触れず「リクエストを完了できませんでした」と出すだけです。

AdobeがPhotoshopでWebPのネイティブな読み込みと保存に対応したのは、2022年2月公開のバージョン23.2からです。それより古いバージョンではサードパーティ製プラグインが必要です。Lightroom Classicは長年WebPを読み込めず、古いバージョンのライブラリでは取り込み時にそれらのファイルが何も表示されずにスキップされます。Windowsでは、従来のWindowsフォトビューアーはWebPをまったく開けず、Windows 10のフォトアプリはストアのMicrosoft製「WebP画像拡張機能」に依存しています。最も厳しいのはアップロードフォームです。たとえば米国国務省のDS-160ビザ写真のアップロードはJPEGのみで、多くの大学の出願や求人のポータルもJPG、PNG、PDFしか受け付けません。

WebPは、写真向けの非可逆圧縮と、アルファチャンネル付きでグラフィック向けの可逆圧縮という2つの用途を1つの形式でカバーする、珍しい形式です。WebPから変換するときは、そのファイルがどちらの用途だったかを選ぶ必要があります。JPGとPNGは、それぞれ片方しか得意ではないからです。一般的にどちらの形式が優れているかではなく(その比較はJPG・JPEG・PNGの違いで解説しています)、この画像に何が写っていて、次にどこで使うのかで決めましょう。

商品写真、壁紙、料理の写真、旅行のスナップはJPGが向いています。PNGよりずっと小さなサイズになり、見た目も変わりません。ロゴ、アイコン、ステッカー、透明な背景で切り抜いた商品、文字だらけのスクリーンショットはPNGが向いています。JPGでは透明部分が単色で塗りつぶされたり、文字の輪郭がにじんだりするためです。判断できないときは、ダークテーマのブラウザのタブでファイルを開いてみてください。被写体の周りに市松模様や暗い背景が透けて見えるなら、その画像には透明部分があるのでPNGが必要です。

非可逆のWebPをJPGに変換すると、ピクセルをいったんデコードし、別の方式で再びエンコードします。そのため結果はビット単位では同一になりません。実際には、JPGの画質85〜90であれば、高解像度の画面でも通常のサイズで見て分かるほどの差は出ません。ダウンロードしたWebPで目に見える劣化は、サイトが圧縮した時点で起きたもので、変換しても失われたディテールは戻りません。変換でそれ以上の劣化をあまり加えずに済む、というだけです。2回、3回と変換を重ねると劣化が積み重なるので、形式を連鎖させず、保存したWebPから1回だけ変換してください。

気づきやすい変化が3つあります。1つ目はファイルが大きくなることで、JPGのほうが効率の悪い形式なので、通常は3分の1以上増えます。フォームにKBの上限がある場合は、先に変換してから100KBに圧縮するか、上限に合わせて圧縮してください。2つ目は透明部分が塗りつぶされることです。WebPからJPGへの変換ツールでは、透明部分の設定で、その部分を初期設定の白、または黒やカスタムカラーで塗りつぶします。3つ目はアニメーションが失われることです。JPGは1フレームしか保持できないため、最初の1フレームだけが残ります。

変わらないものも同じくらい重要です。ピクセル寸法、向き、色はそのままで、埋め込まれたカラープロファイルもカラープロファイルを保持がオンのままなら保持されます。印刷用に変換する場合は、音質を90以上に上げてください。増えるデータ量は印刷ラボでは問題にならず、空や肌のなめらかなグラデーションへの不安もなくなります。KBの上限が厳しいアップロードなら、写真では80でもたいていきれいなままで、90よりも上限に余裕が残ります。70を下回るあたりから、文字や細い線の周りにブロック状のノイズが出始めます。

変換する前に、サイトから元のファイルを入手できないか確認する価値があります。そうすれば、圧縮を1世代分まるごと省けるからです。入手できるかどうかは、そのサイトがWebPをどう作っているかで決まります。CDNがその場でWebPを生成している場合、JPGはサーバー上に残っているので、適切なリクエストで取得できます。サイトがWebPだけを保存している場合(アップロード後に変換するWordPressの一部の構成など)は、取得できるJPGがないため、変換するしかありません。

以下の方法は、確実なものから順に並べています。どれも特別なことではなく、ブラウザの通常の操作や、サイトがすでに用意しているダウンロードリンクを使うものです。ネットで最もよく勧められている、画像のアドレスの末尾に?format=jpgを付ける方法は、最も当てにならない方法でもあります。画像CDNがたまたまその名前のパラメーターを読む場合にしか効かず、ほとんどは読まないため、失敗したことを知らせるエラーも出ないまま同じWebPが返ってきます。

商品カタログ、参考画像のセット、壁紙のフォルダーなどを保存した場合、1ファイルずつ変換するのはすぐに面倒になります。このコンバーターは、1回に最大20ファイル(1ファイルあたり最大95 MB)を受け付け、すべてに同じ音質と透明部分の設定を適用して、1つのZIPにまとめて返します。ファイルは処理の30分後にサーバーから削除され、インストールも不要です。画像100枚のフォルダーなら5回に分けて処理します。

始める前にフォルダーを仕分けましょう。写真はJPG用のバッチに、ロゴ、アイコン、透明な背景のあるものはWebPからPNG用の別のバッチにまとめれば、白い四角が付いてしまうことがありません。Macなら、プレビューの書き出すコマンドで1ファイルずつ変換でき、コマンドラインに慣れた方は、非常に大きなフォルダーにImageMagickのmogrify -format jpg *.webpを使えます。どちらもブラウザベースのコンバーターと同じ結果になり、違いはどれだけ準備の手間をかけたいかだけです。

Chrome、Edge、Firefoxには「JPGとして画像を保存」という設定はありません。これは見落としではありません。ブラウザは形式を選ぶのではなく、表示できる形式を伝えるだけで、実際に選ぶのはWebサイトです。Chromeは送られてきたものを再エンコードせずにそのまま保存します。これは正しい動作で、保存時に黙って変換すれば、頼んでもいない非可逆の処理が加わってしまいます。そのため、ブラウザを変えてもほとんど解決しません。現行のブラウザはどれもAcceptヘッダーにWebPを載せており、同じサイトからは同じWebPが返ってきます。

そこで現実的な選択肢は3つです。1つ目は、前述の手順でサイトから元の画像を入手することです。2つ目は、保存時に画像を再エンコードするブラウザ拡張機能を入れることで、これはボタンが違うだけで同じ変換です。3つ目は、WebPのまま保存しておき、何かに拒否されたときだけ変換することです。保存した画像の多くは画面で見るだけなので、3つ目が最も手間がかからないことが多く、WebPはすべてのブラウザ、macOS Big Sur以降のプレビュー、Windows 11のフォトアプリで問題なく開けます。

WebPと、最近サイトが配信している他の新しい形式との比較に興味があれば、同じCDNでWebPに代わりつつあるAVIFも含めて、AVIF・HEIC・WebPの違いをご覧ください。この記事の実用的なアドバイスはほぼそのまま当てはまります。プログラムが受け付けないAVIFも、写真ならJPG、グラフィックならPNGに変換するという同じ方法で解決できます。形式そのものの詳細は、GoogleのWebPプロジェクトページにあります。