コンテンツへスキップ

WEBPとアルファチャンネル: 何が残るか

このツールキットで透明度を保つ出力形式はPNGだけです。透明なWEBPをそれ以外に変換すると、空のピクセルは選んだ色で埋められます。それが望みどおりか、最初に確認すべき一点かです。

WEBPは1つの形式ではありません。非可逆画像、可逆画像、アニメーションのいずれかを保持し、そのどれも透明度を運べるコンテナです。その柔軟性のおかげで、WEBPはPNGの4分の1の重さでWebページに収まり、切り抜きロゴもきれいに表示できます。プログラムが開くのを拒むときは、問題は画像ではなく対応状況です。

コンバーターが順に行うこと

背景の塗りつぶしは二度読む価値のある部分です。形式が透明度を保持できなくなればキャンバスも透明度を保てないため、JPEGでもWEBPでもほかの非可逆形式でも行われます。既定は白で、画質スライダーの隣のカラーピッカーで変更できます。WEBPが柔らかく半透明なエッジ(ドロップシャドウ、手描きの輪郭)を持つ場合、それらのピクセルは捨てられるのではなく背景と混ざるため、暗い背景では明るいロゴに縁取りのようなものが付いて見えることがあります。

2つの変換、2つの異なる役割

変換何のためか透明度はどうなるか
WEBPからPNGWEBPを知らないソフトで開く保持される — PNGはアルファを保存する。
WEBPからJPGJPEGしか受け付けない場所向けの小さいファイル背景色の上に平坦化される。
JPGからWEBPWeb向けに写真を小さくするJPEGに透明度はないため、保つものもない。

直感に反する結果がひとつあります。このツールで透明なPNGをWEBPに変換しても平坦化されます。WEBP形式が透明度を運べるとしてもです。キャンバスはPNG以外のすべての出力で同じように用意されるため、安全なルールは単純です。透明度が重要なら、PNGで終えてください。

画質と、既定値が動く理由

JPEGと非可逆WEBPはスライダーから取った画質レベルでエンコードされ、それは92から始まります。理にかなった中間です。写真でアーティファクトが見えなくなるほど高く、ファイルが目に見えて小さくなるほど低い値です。PNGは画質設定なしでエンコードされます。PNGは定義上可逆だからです。スライダーはPNGに効かず、背景色も効きません。

どの変換も画像を再エンコードするため、画質は失われることしかなく、得られることはありません。JPEGからWEBPへ画質92で変換すると、多くの場合で見た目の差は分からないまま保たれます。WEBPからJPEGへ同じ設定で変換すると、ファイルがすでに持っていたものにさらに1世代が加わります。

制限

要点

よくある質問

透明なWEBPは透明のままですか?

出力がPNGの場合だけです。JPEGとWEBPの出力では、エンコード前にキャンバスが背景色で塗りつぶされるため、透明なピクセルはそこに混ざります。

PNGがWEBPより大きいのはなぜですか?

WEBPは非可逆でも可逆でも圧縮し、PNGはデコードされたすべてのピクセルを可逆で保存するからです。写真をPNGに変換するとしばしば数倍大きくなります。

画質スライダーはPNG出力に影響しますか?

いいえ。PNGは定義上可逆なので、コンバーターは画質設定なしでエンコードします。スライダーはJPEGと非可逆WEBPにのみ適用されます。

この記事のツール

記事一覧