ブラウザでWebPをJPGに変換する

WebPはGoogleのモダンな画像フォーマットで、同じ画質ならJPGやPNGよりずっとファイルが小さくなるため、静かにウェブを席巻してきました。厄介なのは互換性です。ウェブサイトから保存したWebPは、多くの古い画像エディタで開けず、一部のCMSバックエンドで黙って弾かれ、JPGかPNGしか受け付けないアップロードフォームでは「未対応」と表示されます。解決策はプラグインでも、不特定のアップロードサイトでもありません。WebP を JPG に変換を開けば、変換はすべてブラウザ内で行われます。

まとめ

WebP画像を、どこでも開けるJPGファイルに、現在のタブの中だけで完全にオフラインで変換できます。

どこでも開けるJPG — WebPをJPGに変換して、あらゆるエディタ、ブラウザ、アップロードフォームで受け付けられるようにします。
何もアップロードされない — 変換はCanvas APIでブラウザ内のローカルで動作し、画像は端末から出ません。
最大20枚の一括処理 — フォルダー全体を一度に投げ込み、品質を1回設定して、結果をまとめてダウンロード。

WebPとは何か、なぜ変換するのか

WebPはGoogleがウェブを軽くするために導入した画像フォーマットです。JPGやPNGよりモダンな圧縮を使うため、同じ画質のWebP写真はJPGより25〜35%小さく、透過付きのWebPは同等のPNGよりはるかに小さくなることがあります。だからこそウェブサイトはますます標準でWebPを配信しています — ページが速く、データが少なくて済むからです。

ウェブページを表示するブラウザにとっては純粋な利益です。問題が始まるのは、WebPがブラウザの外に出たときです。WebPはJPGのように普遍的にサポートされているわけではありません。多くのデスクトップ向け画像エディタ、特に古いものにはWebPデコーダーがありません。一部のコンテンツ管理システムは決められたファイル形式のリストしか受け付けません。そして驚くほど多くのアップロードフォーム — 求人応募、学校のポータル、ビザや身分証の提出 — は、JPGかPNG以外を黙って弾き、有用なエラーを出さないことがよくあります。

WebPをJPGに変換すれば、これらすべてを回避できます。JPGは存在する中で最も互換性の高い画像フォーマットで、一度JPGになればどこでも開き、どこでもアップロードでき、「未対応の形式」というメッセージを二度と出しません。

WebPが失敗する場所

問題は予測可能ないくつかの場所で現れます。画像は壊れていません — 相手が読めないだけです。

従来の画像エディタ — WebPサポートが普及する前に出た古いPhotoshop、GIMP、簡単なフォトエディタは、この形式を知りません。ファイルが開かないか、「形式が認識できません」というエラーになります。
一部のCMSバックエンド — 許可する形式をJPG、PNG、GIFに固定しているコンテンツ管理システムは、アップロード時にWebPを弾きます。多くの場合黙って。
アップロードフォーム — 求人応募、ビザや政府のポータル、学校のシステム、経費プラットフォームはJPGとPNGだけを受け付けることがよくあります。「アップロード」を押しても何も起きず、フォームは有用なエラーを出しません。
古いブラウザとメーラー — 更新されていない組み込みのウェブビューやメールクライアントは、WebPを壊れた画像アイコンで表示します。
組み込み・キオスクシステム — POSディスプレイ、デジタルフォトフレーム、プリンターファームウェアは大抵JPGしかデコードしません。

どの場合も画像は損なわれていません。相手が理解しない形式に閉じ込められているだけです。JPGに変換すれば壁は完全に取り除かれます。

WebPをJPGに変換する、手順

WebP を JPG に変換は作業全体をローカルで行います。手順は次のとおりです。

WebPファイルを追加します。 .webp画像をドロップゾーン（「WebP 画像をここにドロップ」と表示）にドラッグするか、WebP を選択をクリックして参照します。1回のバッチで最大20枚、各最大10 MBまで追加できます。WebP以外のファイルは明確なメッセージで弾かれます。
品質を設定します。 品質スライダーは10〜100%で、既定は90%です。出発点として良く、結果は元の画像とほぼ同じに見えます。小さなファイルが欲しければ下げてください。
WebPに透過がある場合は背景色を設定します。 JPGにはアルファチャンネルがないため、透明なピクセルには不透明な背景が必要です。**背景色 (透過 WebP 用)**ピッカーは既定で白です。用途に合う色を選んでください。透明部分がその色で塗りつぶされることを知らせる警告が表示されます。
すべて変換をクリックします。 ツールはcreateImageBitmapとCanvas APIで各画像をローカルでデコードし、それぞれのJPGを生成します。実行中はステータスが「ローカルで変換中…」と表示されます。
結果を確認します。 各項目にはオリジナルの隣にJPG 結果がサムネイルとサイズ変化とともに表示されます。削除で項目を外すか、すべて消去でやり直せます。
ダウンロードします。 すべてダウンロードを押して全JPGを保存するか、画像ごとのダウンロードで1ファイルを保存します。概要をコピーで変換の詳細を取得することもできます。

この一連の流れの中で、画像がブラウザの外に出ることは一切ありません。

透過と背景色

これがWebPからJPGへの変換で決断が必要な唯一の部分です。JPGは古いフォーマットで透過をサポートしません — すべてのピクセルは単色でなければなりません。WebPはPNGと同様に、完全または半透明のピクセル（アルファ）を持てます。だから透明なWebPがJPGになるとき、その透過部分は何かで埋めなければなりません。

その「何か」が**背景色 (透過 WebP 用)**です。ツールは選んだ色で透明なピクセルをすべて塗りつぶし、その背景の上に元の画像を合成します。既定は純粋な白（#ffffff）で、白いページを想定した製品写真やロゴの多くに適しています。対象が暗い背景なら、結果が意図せぬ白い枠で囲まれないよう、合わせて暗い色を選んでください。このことが起きているのを絶対に忘れないよう、透過警告がすぐそばに表示されます — そして重要だからこそ、選ぶ色はJPGが実際に使われる場所に合わせるべきです。

制限と正直な注意点

何を得るか正確に分かるよう、いくつか制約を挙げます。

JPG出力のみ。 ここにPNGやWebPの出力オプションはありません — 結果は常にJPGです。別の出力形式が必要なら、画像形式コンバーターが対応します。
WebP入力のみ。 このツールは1つの仕事に合わせてあるため、PNGやJPGなど他の形式は弾きます。他の入力を変換するには、画像形式コンバーターを使ってください。
1ファイル10 MB、1バッチ20枚。 これより大きいファイルやバッチは対応していません。
デコードはメインスレッドで動きます。 各画像はcreateImageBitmapとCanvas APIで順次デコードされ、バックグラウンドのワーカーでは並列化されません — そのため大きなバッチは少し時間がかかり、ページが一瞬だけ忙しく感じることがあります。
品質はJPGの再エンコードにのみ影響します。 JPGの書き出し方を制御するもので、元の解像度は変えません。既定の90%なら結果はWebPと視覚的にほぼ同じです。

よくある質問

JPGはWebPより見劣りしますか?

既定の90%の品質ならいいえ — 結果は元のWebPと視覚的にほぼ同じです。唯一の実質的な違いはサイズです。JPGは一般的にWebPより効率が悪いため、JPGは元よりわずかに大きくなることがあります。画質の完璧さより小さなファイルが重要なら、品質スライダーを下げて、画像ごとにサイズが更新されるのを確認してください。

複数のWebP画像を一度に変換できますか?

はい — 1バッチで最大20枚、各最大10 MBまでです。全部追加し、品質と背景を1回設定してすべて変換をクリックしてバッチ全体を処理し、すべてダウンロードでまとめて保存できます。

透過付きのWebP画像はどうなりますか?

JPGに透過はないため、透明な部分は選んだ**背景色 (透過 WebP 用)**で塗りつぶされます — 既定は白です。JPGが使われる場所に合う色を選べば、結果は目立つ枠を見せずに溶け込みます。透過警告は、変換する前にこのことが起きるのを思い出させます。

WebPがエディタで開かないのはなぜですか?

そのエディタがWebPデコーダーを搭載していないからです。WebPはJPGやPNGより新しく、多くの画像エディタの古いバージョンや、一部のCMSバックエンド、アップロードフォームはこれを認識しません。各プログラムのコーデック事情を一つひとつ追うより、画像をJPGに変換すれば問題全体を回避できます — JPGはどこでも開けます。