PNG → WebP
PNGをWebPに変換
PNGは巨大になりがちで、ウェブサイトではその負担を訪問者全員が支払います。WebPは透過を保ったまま、容量を大きく削ります。
ファイルを変換
仕組み
ここで削減幅が大きい理由
PNGは可逆形式で、各画素を正確に記録します。保存用の原本としては正しく、 写真の多いウェブページとしては誤った選択です。WebPは近似が許されるため、 PNGからWebPへの容量の落ち幅は、JPGからWebPへの 落ち幅よりずっと大きくなるのがふつうです。3分の1ではなく、数分の1になることも あります。
透過はそのまま引き継がれます。WebPはアルファチャンネルを持てるので、ロゴや 背景を切り抜いた画像が変換で透過を失うことはありません。PNGから離れるときに 最も心配される点ですが、ここでは問題になりません。
PNGは残してください
この変換は、肝心な点において一方通行です。PNGが保っていた正確さは、WebPが 近似した時点で失われます。元に戻そうとしても、得られるのは近似のPNGであって 原本ではありません。PNGを原本として手元に残し、WebPは公開用の複製として 扱ってください。
PNGのままがよい場面
文字のスクリーンショット、輪郭のはっきりした図表、ロゴ、べた塗りのグラフィックは そのままにしておくほうが賢明です。非可逆圧縮は鋭い輪郭と細い文字に容赦がなく、 しかもそれらはPNGがもともと効率よく保存できる画像なので、得るものがほとんど ありません。変換すると元のPNGより大きいファイルになることさえあるので、 フォルダごと処理する前に1枚で確かめる価値があります。
よくある質問
透過は保たれますか？
保たれます。WebPはアルファチャンネルに対応しているため、透明な背景は変換後も残ります。PNGから離れるときによく心配される点ですが、ここでは問題になりません。
どのくらい軽くなりますか？
写真の場合は劇的です。PNGが各画素を正確に記録していた分、10分の1以下になることも珍しくありません。べた塗りのグラフィックやロゴ、図表ではほとんど変わらず、WebPのほうが*大きく*なることも想定してください。それらはPNGがもともとうまく圧縮できる画像です。フォルダごと処理する前に、1枚変換して両方の容量を見比べてください。
元のPNGは削除してよいですか？
いいえ。WebPはPNGが正確に保っていたものを近似したもので、元に戻しても再現されるのは近似のほうです。PNGを原本として残し、WebPを公開してください。
何か送信されますか？
いいえ。ブラウザはもとからPNGを読み、WebPを書き出せます。変換はすべてお使いの端末の中で行われ、サーバーは一切関与しません。