画像を WebP に変換

見るべきは画質の数値ではなくファイルサイズ

画質の値はエンコーダー側の設定です。あなたのページ予算は、もともとサイズで書かれています。このツールでは後者を指定すれば前者を計算します。ほかのツールがあなたに丸投げしている部分が、まさにそこです。

ウェブサイトのために画像を WebP に変換する人は、頭のなかに必ず数字を持っています。そしてそれはほぼ確実に画質の値ではありません。「メイン画像は 200 KB 以内に」あるいは「ギャラリー全体で 1 MB に収める」です。それなのに、ブラウザー内でローカルに動くものも含め、ほとんどのツールは画質スライダーだけを渡して計算はあなたに任せます。

サイズ指定に切り替えて必要な KB を入力すれば、コンバーターは収まる範囲で最も高い画質を探します。8 回エンコードし、そのたびに範囲を半分に絞る処理が、すべてこのタブの中で走ります。あとから自分で確かめ直す当て推量ではなく、制約を満たしたうえで最も見栄えのするファイルが手に入ります。

すべてのブラウザーが WebP を作れるわけではない

WebP を読むことと書くことは別の能力です。現行のブラウザーはすべて WebP を表示できますが、Safari の裏側にあるエンジンである WebKit は、いまもウェブページにエンコード手段を与えていません。そしてブラウザーは求められた形式を作れないとき、エラーを出しません。黙って PNG を返します。

問題はその沈黙です。ファイルは期待どおりの名前、期待どおりの拡張子、そしてまったく違う中身で届きます。それをサイトにアップロードすれば、WebP の看板を掲げた PNG を公開したことになります。出発点の JPEG より大きく、少しも速くありません。

そこでこのツールは、ファイルを 1 つ追加する前に 1 ピクセルの canvas をエンコードし、返ってきたものを確認します。結果が本当の WebP でなければ、ページはそう告げて止まります。アップロード領域も変換ボタンも出しません。素っ気ない結末ですが、見た目だけ正しくて中身が違うファイルの束を生む変換よりは、ずっとましです。

画像を WebP に変換する 3 ステップ

画像から WebP への変換はすべてあなたの端末上で行われるため、アップロードも順番待ちもサーバーの応答待ちもありません。元のファイルが書き換えられることはありません。

1. 1

   画像を追加

   一度に最大 50 個をドラッグします。JPG・PNG・GIF・BMP・AVIF は同じバッチに混ぜられます。

2. 2

   画質、または目標サイズを決める

   スライダーを動かして実際の出力サイズを見るか、サイズ指定に切り替えてページ予算が許す KB を入力します。WebP が最終的にどれだけ重くなるかは、この段階で決まります。

3. 3

   変換してダウンロード

   各ファイルに変換前後のサイズが表示されます。個別でも、ZIP でまとめてでも受け取れます。

ブラウザー内変換とアップロード型変換

この変換ではローカル処理はもう差別化要因ではないので、ツールが実際に分かれるのはどこかを挙げます。

この表で正直な弱点は最後の行です。サーバーを持つツールは libwebp を動かして可逆 WebP を作れますが、私たちにはできません。写真であれば問題になりません。正確なピクセルが要る平坦な色のグラフィックなら、そもそも PNG のほうが適した行き先です。