PNGをWebPに変換 - 透過そのままで軽量化

これは、ほとんど何も手放さずに済む数少ない変換です。WebPは、そもそもPNGを選んだ理由であるアルファチャンネルを保ちながら、はるかに小さいファイルを生成します。ウェブサイトのロゴ、アイコン、UIのスクリーンショット、背景を抜いた商品画像であれば、たいていは素直なアップグレードになります。

PNGをWebPに変換する手順

1. 1 .pngファイルを追加します。ロゴ、アイコン、スクリーンショット、背景が透明な画像などです。
2. 2 品質は高めに保ってください。90以上ならロゴや文字の輪郭がくっきり残ります。
3. 3 変換してダウンロードします。ファイル名の横に出る削減率を確認してください。多くの場合、かなりの差になります。

なぜここまで小さくなるのか

PNGの圧縮方式は1990年代のもので、全画素をそのまま保存します。WebPは新しい技術を使い、透過を保ったまま、わずかで制御された劣化を伴う圧縮も選べます。これはPNGにはできないことです。単色の面積が広いフラットな図版なら容量が半分になるのは珍しくなく、情報量の多いスクリーンショットでも60〜80%削減できることがあります。

透過はそのまま保たれます

ここがWebPへの変換とJPGへの変換の決定的な違いです。背景が透明なロゴは透明のまま残るので、どんな色の上に置いても白い四角が付きません。このページに背景色の選択がないのはそのためです。塗りつぶす必要がないからです。

それでもPNGが無難な場面

ブラウザーの外すべてです。印刷所、古いバージョンのOfficeやPhotoshop、メールの添付、一部のCMSのアップローダー、そして多くのOS標準プレビューは、いまだにPNGのほうが確実に扱えます。自社サイト向けにはWebPへ変換し、他人がファイルを開く場合はPNGを渡してください。