先に答えを
PNGからWebPへの変換ツールを開き、ファイルを入れて、次のどちらかを選びます。
- ロスレスは、文字、単色の面、くっきりした輪郭がある画像向けです。スクリーンショット、図、ロゴ、グラフなど、撮影ではなく描画した画像に使います。不透明なピクセルはすべて元の値を保ち、それでも容量を減らせます。
- 小さくするは写真向けです。見た目の違いがほとんど分からないまま、容量を大きく減らせます。
どちらも何もアップロードしません。ブラウザーは2020年からWebPを書き出せるので、エンコーダーはすでに端末の中にあります。
PNGの容量が大きい理由
PNGはロスレスで、情報を捨てません。同じピクセルの連続や、直前の行と似た行など、繰り返しを探して短く記録します。
PNGが得意とする画像では、この方法がよく働きます。スクリーンショットは単色のパネルや同じ文字が多く、ロゴは少数の色でできているため、どちらもよく圧縮できます。
写真にはほとんど同じ繰り返しがありません。草の一部分、空の色の変化、センサーのノイズも隣とは少しずつ違い、PNGはそのすべてを記録します。スマートフォンの写真をPNGで保存すると、同じ写真のJPEGの10倍になることも珍しくありません。PNGが悪いのではなく、完全に残す必要がない細部までロスレス形式に記録させているためです。
だから、以下の選択は画像の内容によって正解が変わります。
ロスレスWebPはそのまま置き換える方法
WebPにはロスレスモードがあり、新しい手法を使ってPNGより効率よく圧縮します。PNGが得意とする画像でも、通常はさらに5分の1から3分の1ほど容量を減らし、情報を捨てません。
文字やくっきりした輪郭がある画像には、このモードを使います。説明書のスクリーンショット、UIの試作、図、線画、ロゴ、グラフ、ピクセルアートなどです。同じ画像が小さくなります。WebPを読めないソフトで使う場合以外は、選ばない理由はほとんどありません。
「ロスレス」という説明は信じるだけでなく確認すべきなので、ツールは確認します。WebPはピクセルを2種類のチャンクのどちらかに保存します。変換ツールは完成したファイルを再度読み、実際にどちらが使われたかを調べます。ブラウザーがロスレスの要求に従わなくなった場合も、非可逆のファイルをロスレスと表示せず、結果の行で知らせます。現在のブラウザーはこの要求に対応しています。
写真には非可逆WebP
もう1つのモードは、JPEGと同様に気付きにくい細部を捨てますが、より効率的です。写真なら2 MBのPNGが200 KB未満になることも多く、並べて見ても区別できないほどです。
画質の初期値はWebPの標準と同じ80で、写真では通常、十分な画質を得られます。60前後を下回ると劣化が見え始めます。
このモードは、上で説明した単色の画像には向きません。非可逆圧縮は細部を滑らかにしますが、文字やくっきりした輪郭にそれを行うと、低品質のスキャンのように文字の周りに薄い縁が出ます。画像に文字があるならロスレスを使ってください。
どちらの方法でも透明部分は残る
WebPにはPNGと同じアルファチャンネルがあるので、透明な背景のロゴは透明な背景のまま変換されます。背景色を選ぶ必要もなく、不透明な画像に統合されることもありません。
逆の変換との違いも押さえておいてください。JPEGにはアルファチャンネルがないため、画像をJPEGへ変換すると透明部分は失われます。詳しくはWebPからJPGへの変換で説明しています。WebPにはその問題がなく、形式を選べるときに適した変換先である理由の1つです。
ただし、ページの厳密な説明には1つ補足があります。半透明なピクセルでは、保存される色の値がごくわずかに変わることがあります。WebPの性質ではなく、ブラウザーのキャンバスを経由するときの性質です。キャンバスは色に透明度を掛けた値を保存するため、元の値へ完全には戻せません。色の値が大きく動くピクセルほど表示される色が少ないので、見た目には分かりません。不透明なピクセルはビット単位で保たれます。
WebPはどこでも開けるか
ウェブでは開けます。Chrome、Edge、Firefox、Safariはすべて2020年からWebPを表示できるので、ウェブサイト向けなら代替形式を用意する必要はありません。同じ画像でページを軽くすることが、この変換の主な目的です。
ブラウザー以外では対応にばらつきがあります。WindowsとmacOSはプレビューできますが、古いデスクトップソフト、一部のアップロードフォーム、多くの電子書籍端末は対応していません。WebPを受け付けない相手に渡すなら、逆方向のWebPからJPGへの変換ツールと、そのガイドを使ってください。
引き継がれない情報
ピクセルは残りますが、その周囲に保存された情報は残りません。キャンバスを経由するため、PNGのテキストチャンク、ICCカラープロファイル、XMPブロックは引き継ぎません。
ほとんどのPNGでは問題になりません。カメラ情報を持つことは少なく、スクリーンショットにはありません。ファイルに何が入っているか調べたいなら、EXIF表示・削除ツールは画像を再圧縮せずに情報を読み書きできます。
アップロードがない理由
処理に必要な両方の機能が、すでに端末にあります。ブラウザーはPNGをデコードでき、2020年からWebPをエンコードできます。ウェブサイトがWebPを使えるようになったのも、そのブラウザーの機能によるものです。
ファイルをサーバーへ送る変換サービスは、手元にあるソフトと同じ仕事をサーバー側で行い、その間、画像を預かっています。このツールはページの中で処理するため、ネットワークを切っても動きます。何も端末から出ていないことを確認する最も簡単な方法です。この考え方全般は、ファイルをアップロードしても安全かでも説明しています。