WebP 画像を PNG や JPG に変換して保存する方法

なぜ .webp ファイルばかり保存されるのか

WebP は、Google が Web 向けに開発した画像形式です。JPG のように写真を非可逆圧縮することも、PNG のように図版を可逆圧縮で保存することもでき、透過やアニメーションにも対応しています。同じ見た目の画質なら、たいてい JPG や PNG よりファイルが小さくなるため、ページの表示が速くなり、データ通信量も減ります。そのため、多くの Web サイトやネットショップ、コンテンツ配信ネットワーク（CDN）が画像を WebP で配信しています。

画像の形式は、サーバーが閲覧者ごとに決めていることがよくあります。ブラウザーが WebP を表示できると伝えると（現在のブラウザーはすべて対応しています）、サイトは WebP を送ります。画像のアドレスが .jpg や .png で終わっていても WebP が届くことがあります。右クリック >「名前を付けて画像を保存」は、ブラウザーが受け取ったものをそのまま保存するため、.webp ファイルになります。これを確実に変えられるブラウザーの設定はないため、保存後に変換するのが一般的です。

問題が起きるのは、ファイルをブラウザーの外で使うときです。古い画像編集ソフト、一部のオフィスソフトやデザインソフト、プリントサービス、フリマ・通販サイト、多くのアップロードフォームは、今でも JPG か PNG を前提にしています。変換する前に、どちらの形式が必要かを決めておきましょう。両者は性質が異なります。

PNG と JPG のどちらを選ぶか

ロゴ、アイコン、ステッカー、スクリーンショット、図表、背景が透明な画像には PNG を選びます。PNG は可逆圧縮なので WebP のピクセルをそのまま保持し、アルファチャンネル（透過情報）も残るため、ロゴをどんな色の上にも配置できます。欠点はサイズで、写真を PNG で保存すると、元の WebP の数倍の大きさになることがあります。

共有、印刷、アップロードする写真には JPG を選びます。JPG はほぼどこでも開け、写真なら PNG よりはるかに小さく収まります。ただし JPG は透過に対応していないため、透明な部分は何かの色で塗りつぶす必要があります。また非可逆圧縮なので、もともと非可逆の WebP はもう一度圧縮されることになります。高画質の設定であれば、この追加の劣化はほとんど目に見えません。

どちらの形式に変換しても、失われたディテールは戻りません。Web サイトが強く圧縮した画像のブロック状のノイズやぼやけは、PNG や JPG にしてもそのまま残ります。

Windows のペイントやフォトで WebP を変換する

現在の Windows 10 と 11 では、ほとんどのシステムに Microsoft の WebP サポートが入っているため、たいていフォトアプリとペイントで WebP 画像を開けます。WebP が開けない場合は、Microsoft Store で Microsoft の「WebP 画像拡張機能」（Webp Image Extensions）を探してください。変換にはペイントがいちばん簡単です。「名前を付けて保存」のメニューから PNG と JPEG を直接選べるからです。フォトアプリは表示には十分ですが、保存のオプションはバージョンによって変わってきたため、確実なのはペイントです。

透過のある WebP をペイントで JPEG として保存すると、透明な部分は塗りつぶされます。ロゴや切り抜き画像には PNG を使ってください。

1. .webp ファイルを右クリックし、「プログラムから開く」>「ペイント」を選びます。
2. 「ファイル」>「名前を付けて保存」を選び、「PNG 画像」または「JPEG 画像」を選びます。
3. 保存先のフォルダーとファイル名を決めて「保存」をクリックします。

Mac のプレビューで WebP を変換する

macOS に標準で入っている画像ビューアの「プレビュー」は、最近のバージョンの macOS なら WebP ファイルを開くことができ、別の形式でコピーを書き出せます。複数の画像をまとめて変換するには、Finder ですべて選択してプレビューで一緒に開き、サイドバーのサムネールをすべて選択してから「ファイル」>「選択したイメージを書き出す」を使います。最近の macOS では、Finder で右クリックして「クイックアクション」>「イメージを変換」を選び、選択した画像を JPEG や PNG に変換することもできます。

1. WebP 画像をプレビューで開きます。
2. 「ファイル」>「書き出す」を選びます。
3. 「フォーマット」で PNG または JPEG を選びます。JPEG の場合はスライダーで画質を決めます。
4. 「保存」をクリックします。

コマンドラインで WebP を変換する

Google の libwebp パッケージには、dwebp という小さなデコーダーが含まれており、既定で PNG を出力します。ほとんどの Linux ディストリビューションで（多くは webp というパッケージ名で）入手でき、Mac では Homebrew でインストールできます。dwebp は静止画用です。アニメーション WebP には、anim_dump など libwebp の別のツールがあります。

ImageMagick はほぼすべての画像形式を相互に変換でき、まとめて処理するのに便利です。ImageMagick 7 ではコマンドは magick で、古いバージョン 6 では代わりに convert を使います。アニメーション WebP を変換すると、ImageMagick はフレームごとに 1 ファイルを書き出すため、最初のフレームだけが必要ならファイル名の後ろに [0] を付けます。JPG の画質は -quality で指定します。JPG では透明な部分が背景色になるので、-background white -flatten で背景色を指定してください。

# WebP to PNG with libwebp
dwebp in.webp -o out.png

# WebP to JPG with ImageMagick 7, white behind transparent areas
magick in.webp -background white -flatten -quality 90 out.jpg

# Only the first frame of an animated WebP
magick 'in.webp[0]' first-frame.png

# Every WebP in the folder to PNG
magick mogrify -format png *.webp

FileReshape を使ってブラウザーで WebP を変換する

FileReshape の「WebP を PNG に変換」と「WebP を JPG に変換」は、最新のブラウザーがあればどのパソコンでも使えます。Chromebook や、ソフトをインストールできない会社のパソコンでも利用できます。WebP はブラウザー自身の画像デコーダーで読み込まれ、新しいファイルはお使いの端末上で作られるため、画像はアップロードされません。1 つのファイルをドロップすることも、フォルダー内の画像をすべて選択することもでき、一度に扱えるのは合計約 200 MB までです。画像が 1 枚ならそのままダウンロードされ、複数の場合は元のファイル名を付けた画像が ZIP にまとめてダウンロードされます。

「WebP を PNG に変換」は、透明なピクセルや半透明のピクセルをそのまま保持します。「WebP を JPG に変換」は、透明なピクセルをすべて白で塗りつぶし、ぼかしのある縁も白となじませます。画質は 95、90、80、70 % から選べ、既定は 90 % です。どちらも色を標準の sRGB で保存し、WebP の EXIF や XMP メタデータはコピーしません。

アニメーション WebP は自動で検出され、ファイル一覧に「最初のフレームのみ保存されます」と表示されます。PNG と JPG は静止画なので、変換結果はアニメーションの最初のフレームになります。動きを残したい場合は、GIF や動画への変換ツールを使ってください。逆方向の変換には「PNG を WebP に変換」があり、PNG から WebP を作成します（既定は可逆圧縮）。「画像を圧縮」では、写真をより小さな JPG や WebP として保存できます。

1. 「WebP を PNG に変換」または「WebP を JPG に変換」を開き、.webp ファイルを枠の中にドロップするか、クリックして選びます。
2. JPG の場合は画質を選ぶか、90 % のままにします。一覧でアニメーションと表示された画像がないか確認します。
3. 「PNG に変換」または「JPG に変換」をクリックし、画像、またはすべての画像をまとめた ZIP をダウンロードします。