PNGとWebP：どちらを使うべきか

比較

サイズと透過に関する数値は、GoogleのWebPドキュメントによるものです。同ドキュメントでは、透過を含む非可逆圧縮WebPは同等のPNGより通常3分の1のサイズになるとも述べています。

WebPが有利な場面

• 自分が管理するページ上の画像 現行のブラウザはすべてWebPを表示できます。画像の容量が4分の1減ることは、モバイル回線では実際の速度向上につながります。
• 写真的な内容を含む透過画像 写真の背景にロゴを重ねる場合、アルファ付きの非可逆圧縮WebPがPNGに対して最も差をつけます。
• 大きなスクリーンショットやUIキャプチャ 単色に近い部分やくっきりしたテキストは可逆圧縮WebPでよく圧縮されるため、ピクセルを完全に保持したまま容量を減らせます。
• 通信量が制約になる場面全般 メールニュースレター、ドキュメントサイト、画像の多いカタログなど。

PNGが依然として正しい選択である場面

PNGはマスターファイルとして残し、納品用のコピーだけを変換する。このルール一つで、以下のほとんどのケースをカバーできます。

1. 後で編集し直すファイル 非可逆圧縮の形式を経由するたびに、画像は少しずつ劣化します。可逆圧縮のマスターファイルであれば、この問題自体が起こりません。
2. 印刷・デザインのワークフロー 多くのレイアウト・プリプレスソフトは、いまだにPNGやTIFFを前提としています。印刷業者にWebPを渡すと、望まないやり取りにつながりかねません。
3. 古いシステムで開く必要があるもの 古い社内ツールや旧式のドキュメントビューア、一部のアップロードフォームは、WebPをそもそも受け付けません。
4. 他人に送るファイル 古い機種を使う同僚は、ダブルクリックで開けないかもしれません。それこそがWebPをPNGに変換するツールが使われる理由です。

可逆圧縮WebPと非可逆圧縮WebP

WebPは、1つの拡張子をまとった2つの形式です。可逆圧縮モードはすべてのピクセルを正確に保持します。非可逆圧縮モードは、エンコーダーが気づかれないと判断したディテールを捨て、ファイルを大幅に小さくします。

ロゴ、図解、スクリーンショット、輪郭やテキストのはっきりしたものには可逆圧縮を選んでください。写真や、誰も拡大して見ない背景には非可逆圧縮を選んでください。非可逆圧縮の設定でテキストを扱うと、文字の周りにぼやけたハローが生じ、これが最初に気づかれる劣化です。

Vaultaireの変換ツールは両方に対応しています。可逆圧縮モードでは新しいファイルを読み直し、出力が本当にピクセルの一致する可逆圧縮のVP8L画像でない限り、ダウンロードをブロックします。アルファ値は完全に一致する必要があり、部分的に透過した色については、ブラウザ標準のエンコーダーが値を丸めるため、プリマルチプライされた8ビットの各チャンネルで最大2までの許容差があります。

変換がメタデータに与える影響

変換は、ファイルに付随する情報を取り除く手段にもなります。この変換ツールは、元のEXIF、ICC、テキスト、時刻、C2PAの記録を新しいWebPにコピーせず、完成したファイルを別のパーサーで確認し、記録が見つかった場合はダウンロードをロックしたままにします。

これは、PNGがスマートフォンのスクリーンショットやカメラからの書き出し、画像生成ツールに由来する場合に重要です。判断する前に付随する情報を確認したい場合は、メタデータ確認ツールで一覧表示できます。すべての処理はブラウザのワーカー内で行われ、ファイルがアップロードされることはありません。

この変換ツールの実用上の制限は、静止画のPNG1枚、20MBまで、縦横それぞれ4,096ピクセルまで、総ピクセル数16,000,000までです。アニメーションPNGは、先頭のフレームとして黙って書き出されるのではなく、デコード前に拒否されます。