WebP と AVIF はどちらを使うべき?

AVIF はより小さいファイル(WebP より 10〜20% 小)を生成しますが、エンコードが遅く、サポート範囲が狭いです(Safari は 16.4 未満)。WebP はモダンブラウザで広くサポートされ、エンコードも高速です。最良の結果には AVIF に WebP フォールバックを組み合わせ、簡潔さを優先するなら WebP 単体を使いましょう。

品質レベルはどう選ぶの?

写真なら、品質 80〜85 で視覚的にロスレスになり、100 よりも大幅に小さくなります。文字や鋭いエッジを含むグラフィックなら、PNG(ロスレス)か品質 90 以上の WebP を使いましょう。必ず圧縮結果を目視で比較してください。品質の数値はフォーマット間で比較できません。

Web 用に画像を圧縮・最適化する

フォーマット変換(WebP/AVIF)、品質調整、リサイズによって画像のファイルサイズを削減し、ページの読み込みを高速化します。

1

画像はほとんどの Web ページで最大のペイロードです。現代的なフォーマット(WebP、AVIF)への変換と品質・サイズの調整により、知覚的な品質低下を最小限に抑えてバイト数を 50〜80% 削減でき、Core Web Vitals を直接改善します。
2

画像圧縮ツール →
画像をアップロードします。対象フォーマット(幅広い対応なら WebP、最小サイズなら AVIF)、品質(写真は 80〜85、文字入りグラフィックは 90 以上)、必要に応じてリサイズを選択してください。ツールは圧縮後のファイルを、圧縮前後のサイズ付きで出力します。
3

画像フォーマットコンバーター →
圧縮なしでフォーマット(PNG、JPEG、WebP、AVIF、GIF)を変換します。特定のフォーマットが必要だが品質は別途制御したい場合に便利です。

よくある質問

WebP と AVIF はどちらを使うべき?: AVIF はより小さいファイル(WebP より 10〜20% 小)を生成しますが、エンコードが遅く、サポート範囲が狭いです(Safari は 16.4 未満)。WebP はモダンブラウザで広くサポートされ、エンコードも高速です。最良の結果には AVIF に WebP フォールバックを組み合わせ、簡潔さを優先するなら WebP 単体を使いましょう。
品質レベルはどう選ぶの?: 写真なら、品質 80〜85 で視覚的にロスレスになり、100 よりも大幅に小さくなります。文字や鋭いエッジを含むグラフィックなら、PNG(ロスレス)か品質 90 以上の WebP を使いましょう。必ず圧縮結果を目視で比較してください。品質の数値はフォーマット間で比較できません。

よくある質問

関連ツール