PNG → WEBP
PNG to WEBP 変換
PNGをドロップして品質を設定すると、同じ透過を保ちながら数分の一の軽さのWEBPが得られます。再エンコードはこのタブ内で行われるため、作品がマシンから出ることはありません。
ブラウザのWEBPエンコードは品質100でも非可逆なので、これはビット単位で同一のコピーではありません。透過は保たれ、フラットなグラフィックには最高設定が適します。
PNGをWEBPに変換する手順
PNGを追加
ファイルをドロップするか、クリップボードから貼り付けます。スクリーンショット、ロゴ、インターフェースの書き出しは、この変換で最も節約できる画像です。
品質を選ぶ
リンギングが目立つ線画や文字なら100から始め、写真やグラデーションなら80〜90にします。結果は自身のサイズを報告するので、もう一方の設定もワンクリックで試せます。
WEBPをダウンロード
ファイルを保存してどこでも配信できます。Chrome、Edge、Firefox、Safari 14以降がすべてWEBPを描画します。作品をまだ編集する可能性があるなら、元のPNGを残しておきましょう。
WEBPがWebでPNGを置き換えた理由
PNGは可逆で、行ごとのフィルタとその背後のdeflateを備えています。だからスクリーンショット、インターフェースのグラフィック、ロゴの標準であり、写真をPNGで保存すると巨大になるのです。WEBPは両方の役割を担います。JPGのように非可逆でも、可逆でも圧縮でき、アルファチャンネルを持ち、Safari 14以降のブラウザが対応しています。
最も恩恵を受けるのはWeb素材です。通常の設定では圧縮が非可逆なので、孤立した色やくっきりした文字にはかすかなリンギングが出ることがあり、フラットなグラフィックでは品質を高めに保ち、削減量を少なめに受け入れます。写真をPNGで保存した場合は対照的に劇的に小さくなります。使われるのはブラウザ自身のエンコーダーだけで、これは非可逆WEBPを書き出します。可逆モードはキャンバスに公開されていないため、ここで作られるものはビット単位で同一にはなりません。
PNG to WEBP の質問
PNGがWEBPになっても透過は保たれますか？
はい。JPGと違い、WEBPには本物のアルファチャンネルがあり、キャンバスはその透過を柔らかい輪郭ごとそのままエンコーダーに渡します。透明な背景のロゴはそのまま保たれます。
出来上がるWEBPは可逆ですか？
いいえ、Webページからは不可能です。ブラウザが公開するエンコーダーは非可逆WEBPしか書き出さないため、品質100でもわずかにディテールを消費します。画面表示のサイズでは違いは見えません。何度も編集するつもりのスクリーンショットならPNGを残してください。
ファイルはどれくらい小さくなりますか？
写真や豊かなグラデーションでは、多くの場合PNGより70〜90%小さくなります。そもそもPNGが適した形式ではなかったのです。フラットなアイコンや単純な線画では削減量は小さく、選んだ品質に左右されます。
上限はどれくらいで、何かアップロードされますか？
1ファイル64 MBまでで、このタブ内で1つずつ変換されます。何も送信されません。デコードとエンコードはどちらもブラウザに内蔵されたAPIを使うため、ネットワークがなくても処理は完了します。