PNG を WebP に変換

良い理由は 1 つ、ウェブサイトに載せることです。可逆の WebP は同じピクセルを保ったまま PNG より 5 分の 1 から 3 分の 1 ほど小さくなり、画像の多いページではそれが表示の速さを決めます。

手元で見るだけ、誰かに送るだけなら、PNG のままにしてください。乗り換えて得られるものはありません。

可逆はすべてのピクセルを正確に保ったまま、それでも PNG より小さくなります。ロゴ、図面、グラフ、文字入りのスクリーンショットではこちらが正解で、しかも代償がありません。

非可逆は、PNG に入っているものが実は写真だった場合の選択肢です。そのときだけ、桁が変わるほど小さくなります。

スクリーンショットや図面を可逆で変換すると、たいてい 20 パーセントから 30 パーセントです。

写真を PNG で保存してしまっていたものを非可逆にすると、10 分の 1 になることも珍しくありません。そこでは PNG が最初から向いていなかった、というだけの話です。

WebP は PNG と同じ 256 段階で透明を扱えます。切り抜いたロゴは切り抜かれたまま、やわらかい縁はやわらかいまま、影がぎざぎざになることもありません。

ここが JPG との決定的な違いです。透明が要るなら、JPG は最初から候補に入りません。

ブラウザーの中では、何年も前から事実上どこでも読めます。

外は不揃いです。古い画像閲覧ソフト、一部の画像編集ソフト、添付ファイルを処理する仕組み、そして拡張子だけで判断するアップロード欄。ウェブ以外へ送るなら、PNG のほうが安全です。

WebP はアニメーションを扱えるので、APNG は動きを保ったまま WebP になります。

しかも多くの場合かなり小さくなります。WebP はコマとコマの差分だけを保存するのに対し、APNG はそこまで詰め切れないからです。

WebP はある目的のために作った版です。可逆で変換したのなら PNG に戻すこともできますが、非可逆で変換した場合は戻せません。

そして非可逆を選ぶのは写真のときで、つまり本当に何かが失われるのもそのときです。元のファイルを消す前に、どちらで変換したかを必ず思い出してください。

PNG が EXIF を持っていることはまれで、WebP は持つことができます。

元になかったものが生まれることはありません。この変換が情報を作り出すことはなく、逆に、元の PNG に何か入っていたとしても、画素を経由する時点でそれは落ちます。

変換はブラウザーの中で、あなたの端末の上で行われます。アップロードも一時保存もなく、こちらがあなたの画像を見ることはありません。

確かめたいなら、開発者ツールのネットワークタブを開いたまま変換してください。ファイルを運ぶリクエストは 1 つも現れません。

アップスケーラーが PNG を書くのは、得たばかりの細部をひとつも失わないためで、四倍に拡大したあとであれば 40 MB は珍しくありません。そのようなファイルを訪問者に配信する理由はどこにもなく、WebP による節約は、PNG が重いところでこそ最も大きくなります。

平坦な色面や、正確に保たれるべき透明部分がないかぎり、非可逆の WebP を選んでください。PNG は原本として残します。以降の編集も二度目の拡大も、出発点はそちらであるべきで、WebP はあくまで訪問者がダウンロードする版にすぎません。

1 枚が 30 キロバイト軽くなっても、誰も気づきません。

しかし 1 ページに 20 枚あって、そのすべてが 4 分の 1 軽くなれば、携帯の回線では、すぐ出るページと待たされるページの差になります。効くのは 1 枚あたりではなく合計です。