MacでWebPをJPGに変換（AVIFからPNGも）オフラインで

Webサイトの画像を右クリックして「イメージを別名で保存」を選ぶと、ダウンロードフォルダに入るファイルはたいてい.webpで終わっています。.avifであることも増えてきました。ファイルが小さく表示が速いので、Webサイトはこうしたフォーマットを使います。困るのは、その画像をほかで使おうとしたときです。古い画像編集ソフト、スライド資料、アップロードフォーム、JPGかPNGしか受け付けないプリントサービスなどです。

Macに問題があるわけではありません。最新のmacOSでは、プレビューとクイックルックが追加ソフトなしでWebPとAVIFを開けます。足りないのは、フォルダいっぱいのファイルを1枚ずつ書き出したりWeb変換サイトに送ったりせずに、まとめてJPGやPNGにする手段です。OtterPixなら、それを無料でMacの中で行えます。

JPGとPNG、どちらに変換するか

WebPとAVIFは、どちらも写真、透過のあるグラフィック、短いアニメーションまで保存できます。JPGとPNGはこれらの役割を分け合っているので、ファイルの中身によって適した変換先が変わります。

• 写真ならJPG。2つのうちファイルが小さく、どこでも開けますが、透過はできません。
• ロゴ、アイコン、スクリーンショット、透明な背景を持つものならPNG。すべてのピクセルを保持するので、ファイルは大きめになります。
• 迷ったら、1枚をそれぞれに変換して比べてみましょう。どちらにしても元画像はそのまま残ります。

JPG、PNG、WebP、AVIF、HEIC、TIFF、BMPをより詳しく比べたい場合は、フォーマット早見表を載せたHEICからJPGへの変換ガイドをご覧ください。

WebPとAVIFを変換する5つの手順

1. OtterPixを開き、ホーム画面の「フォーマット変換」をクリックします（サイドバーの「クイックアクション」にもあります）。
2. WebPやAVIFのファイルをドロップエリアにドラッグします。クリックしてファイルを選んだり、ブラウザで画像をコピーして⌘Vでペーストしたりもできます。複数のファイルを読み込むと、下部にフィルムストリップが表示されます。
3. 「出力フォーマット」メニューを開いてJPEGを選びます。画像に透過がある場合はPNGを選びます。
4. JPEGの場合は「品質」スライダーを調整します。高くすればディテールが残り、低くすればファイルが小さくなります。
5. 1枚なら「保存」（⌘S）、まとめて処理するなら「すべて処理」をクリックし、変換後のコピーの保存先を選びます。

透過、アニメーション、メタデータ

WebPやAVIFからほかのフォーマットに変換するとき、変わりうる点は3つあります。どれも答えは簡単です。

• 透過：JPEGにはアルファチャンネルがないため、透明な部分は塗りつぶされます。透明な背景の上のロゴや切り抜き画像は、代わりにPNGに変換しましょう。
• アニメーション：アニメーションWebPやAVIFは静止画になります。OtterPixは最初のフレームを使い、そうしたファイルを読み込んだときにその旨を表示します。
• メタデータ：JPGやPNGに変換すると、元のファイルにあるメタデータはそのまま引き継がれます。WebPやAVIFへの変換はその逆で、これらのファイルにはメタデータがいっさい含まれません。

逆方向も：Web用にJPGをWebPやAVIFへ

同じツールで逆方向の変換もできるので、Webサイトを運営している人には便利です。「出力フォーマット」メニューでWebPかAVIFを選べば、写真は元のJPEGより目に見えて小さくなるのが普通です。WebPとAVIFのファイルにはメタデータが含まれないため、元画像の位置情報やカメラの情報が一緒に公開されることもありません。

定期的なバッチなら「処理パイプライン」のほうが手早く済みます。「出力」ノードが実行内のすべての画像のフォーマットと品質を決めるので、「サイズ変更」ステップとWebPへの変換が一度に行われます。設定をプリセットとして保存すれば、新しい画像のセットはそのたびにワンクリックです。