WebP圧縮 — 入力準備

入力と出力の例

WebPを圧縮する前に、静止画であること、透明の有無、どのようにエンコードされたかを確認します。3つとも得られる結果を左右します。

サイトから保存したバナー画像を持つブロガーが、容量の大きい1600 × 900のWebPを扱う場面を考えます。まずアニメーションでないことを確認してください。ツールは画像をキャンバスに描くため、アニメーションWebPは1フレームの静止画として出力され、動きは失われます。アニメーションが必要なら、この手順は使わないでください。

次に履歴を考えます。他のサイトから保存したWebPは、ほぼ確実にすでに一度非可逆で符号化されていて、より低い品質で再圧縮すると、古い劣化の上に新しい劣化が重なります。グラフィックやスクリーンショットによく使われる可逆WebPは事情が異なります。ブラウザーがスライダーの値で非可逆として再エンコードするため、正確な画素と引き換えに小さなファイルを得ます。

透明は、暗い背景と明るい背景の上でファイルを見て確かめます。縁が柔らかい切り抜きの商品は、不透明な写真より穏やかな設定が必要です。ツールはWebPのアルファチャンネルを保持しますが、あるものだけを保持するので、先に平坦化された元画像が透明を取り戻すことはありません。

ボタンを押す前の最後の確認として、寸法と容量を記録し、ブラウザーでファイルが正しく表示されるかを確かめます。6,400万画素を超える画像は先に切り抜くか縮小するよう案内されて拒否され、JPG、PNG、WebP以外の元画像はPNGで出力されるため、元より重くなることがあります。

WebP still image

WebP still export

アニメーションWebPはここではアニメーションとして保持されません。出力は1フレームだと考えてください。