コンテンツへスキップ

WebPをJPGに変換

Webサイトから保存した画像はWebPで届き、アップロードフォームや古い編集ソフト、メールソフトに拒否されてしまう。選んだ画質でJPGに変換しましょう。一括変換に対応し、何も保存されません。

  • 保存しません
  • 順番待ちなし
  • 登録不要・透かしなし

使い方

1

WebPファイルを追加

.webpファイルをいくつでも、ダウンロードフォルダーごとでもドロップします。

2

画質を設定

写真なら85〜90前後が目安です。JPGには透過がないため、透明な部分は選んだ背景色で塗りつぶされます。

3

ダウンロード

1ファイルずつ、またはすべてまとめてZIPで保存します。

2つの非可逆形式を、続けて通す

非可逆のWebPはVP8動画のキーフレーム1枚です。Webサイトがファイルを作った時点で、色は明るさの4分の1の解像度で保存され、ディテールは4×4ブロックで量子化されています。JPEGも同じ2つのことを別のグリッドで行います。8×8ブロックと独自のクロマサブサンプリングです。つまり一方を他方に変換することは、異なるグリッドで2世代分の劣化を重ねることになります。画質85以上なら2世代目は目に見えるレベルを下回ります。劣化が最初に現れるのは、空や肌などの滑らかなグラデーションに出るかすかな縞と、文字の輪郭に出る2重のにじみです。

ファイルはたいてい大きくなりますが、それは変換が正しく働いている証拠です。WebPが存在するのは、同じ見た目の写真をJPEGの約3分の2のバイト数で保存できるからです。そのため240 KBでダウンロードしたものは、同程度の画質なら350 KBのJPGになります。小さくすれば目に見えて画質が落ちます。得られるのは互換性だけですが、それこそがこのページを使う理由です。

メタデータは引き継がれません。Webサイトから保存したWebPにはほとんど何も入っていませんが、カメラアプリから書き出したものにはEXIFとICCカラープロファイルが含まれることがあります。ピクセルは標準のsRGB色空間で変換され、JPGはプロファイルなしで書き出されます。どのビューアーもそれを前提にしているので、問題はありません。

ほかの目的には

WebPを拒否したプログラムが新しいものなら、変換する前にもう一度試してください。Photoshop、GIMP、Affinity、Windowsフォト、macOSのプレビュー、すべてのブラウザ、ほとんどのCMSのアップロードフォームは何年も前からWebPを読み込めます。拒否するフォームは拡張子だけを見ていることが多いのです。名前を変えても中身はWebPのままなので解決しませんが、プログラムを更新すれば解決することがよくあります。

フォルダー単位なら、dwebp in.webp -o out.pngのあとにcjpegかmozjpegを使えば、同じサイズでどのブラウザのエンコーダーより良いJPGができます。ImageMagickのmagick mogrify -format jpg -quality 88 *.webpなら、ディレクトリ全体を1行で処理できます。

よくある質問

PNGではなくJPGにする理由は?

画像はおそらく写真であり、写真をPNGにすると見た目は変わらないのにサイズが5〜10倍になるからです。JPGは写真に適した形式で、あらゆるフォーム、CMS、メールソフト、スマートフォンが30年にわたって受け付けてきました。WebPがロゴやスクリーンショットなど、単色の塗りや透過を含むものなら、WebP PNG変換のほうが適しています。

画質は落ちますか?

原理的には少し落ちます。WebPはすでに非可逆で、JPGエンコーダーが再び量子化するためです。85以上なら2世代目の劣化は写真では目に見えません。70を下回ると2種類のノイズが重なり始めます。ファイルごとに変換後のサイズが表示されるので、設定の影響を確認できます。

透過はどうなりますか?

JPGは透過を持てないので、透明な部分は選んだ背景色で塗りつぶされます。初期設定は白で、透過を含むファイルがあればページ上で知らせるので、変換前に色を変えられます。

画像はどこかに保存されますか?

いいえ。どの段階でも何も保存されません。

アニメーションWebPはどうなりますか?

最初のフレームが変換されます。アニメーションに必要なのはGIFか動画で、JPGではありません。

ご注意: アニメーションWebPは最初のフレームとして変換されます。透過は選んだ色で塗りつぶされます。ロゴやスクリーンショットなど単色の多いロスレスWebPは、PNGにするよりJPGにしたほうが見栄えが悪くなります。そうしたファイルにはWebP PNG変換を使ってください。

このツールをあなたのサイトに設置

ブログ、授業のページ、ヘルプ記事などに無料で設置できます。コードを1つ貼り付けるだけで、訪問者がそのページ上でツールを使えるようになります。