とは WebP?
WebP — WebP は Google が開発した最新の画像形式で、Web の画像に優れたロス圧縮とロスレス圧縮を提供し、通常、同等の視覚品質の JPEG より 25–35% 小さい。
WebP は 2010 年に Google によって開発および公開された画像形式で、VP8 ビデオコーデックから派生。単一の形式でロス圧縮とロスレス圧縮の両方をサポートしており、透明性 (アルファチャネル) とアニメーション — ほとんどの Web ユースケースで JPEG、PNG、GIF の直接的な代替品となります。
ロス WebP は予測コーディングを使用して画像ブロックをエンコードし、隣接するブロックを参照して違いのみを記録します。これにより、同等の視覚品質 (SSIM スコア) の JPEG より 25–34% 小さいファイルが生成されます。ロスレス WebP は異なるエントロピー符号化アプローチを使用し、平均的に PNG より 26% 小さく、追加費用なしで 8 ビットアルファもサポートします。
WebP は 2022 年からすべての主要ブラウザーでサポートされており、Android および iOS でネイティブにデコード可能。Google Chrome、Firefox、Safari 14+、Edge、および Opera はすべてプラグインなしで WebP をサポート。Web パフォーマンス最適化の選択形式であり、Google、Facebook、YouTube などの大規模な Web プロパティによって広く使用。
WebP対JPEG:主な違い
JPEG はロス圧縮のみをサポートし、透明性はサポートしません。WebP ロスは同じ知覚品質 (SSIM) での圧縮率で JPEG を上回り、ファイルは通常 25–34% 小さい。写真と自然な画像の場合、WebP ロス品質 80 は大体 JPEG 品質 80–85 に相当しますが、ファイルサイズは小さい。JPEG を今日保つ主な理由は、WebP を受け入れない古い電子メール クライアント、CMS システム、および印刷ワークフローとの互換性です。
WebP対PNG:主な違い
PNG はロスレスで、ロゴ、アイコン、スクリーンショットに使用するために完全な透明性をサポート。ロスレス WebP は同じピクセルデータを PNG より 26% 小さく圧縮。WebP はまた PNG では提供できない組み合わせである透明性を備えたロス圧縮もサポート — 透明な背景を持つ製品画像に有用で、品質低下が許容される場合。PNG は正確なピクセル忠実度 (医学画像、ピクセルアート) または最大のソフトウェア互換性が必要な画像に優先。
WebP の制限
WebP は CMYK カラーモードをサポートしておらず、印刷ワークフローに不適切です。プログレッシブ読み込み (Progressive JPEG など) はサポートされていません — WebP は上から下へのみ読み込み。一部の画像エディター (Photoshop < 23.2、古い Lightroom) は WebP ファイルを開くためにプラグインが必要です。最大のブラウザ リーチのために、<picture> と <source> 要素を使用して JPEG/PNG フォールバックで WebP を配信。
WebP PicsSizer のツール
よくある質問
WebP は JPEG より優れていますか?▾
Web 使用の場合、はい。WebP ロスは同等の視覚品質で より小さいファイル — 通常 JPEG より 25–34% 小さい。また透明性もサポート (JPEG はサポートしません)。実際の欠点は、一部の古い電子メール クライアント と ソフトウェアは依然として WebP ファイルを開きません、非 Web 配布に対して JPEG が安全な選択肢になります。
WebP は透明性をサポートしていますか?▾
はい。WebP はロス および ロスレス モード両方で完全なアルファ チャネル (透明性) をサポート。これにより Web コンテキストで PNG の代替として適切になります。JPEG は透明性をサポートしません。
すべてのブラウザー WebP をサポートしていますか?▾
2022 年現在、すべての主要ブラウザー WebP をサポート: Chrome 32+、Firefox 65+、Safari 14+、Edge 18+、および Opera 19+。モバイルでは WebP は Android 4+ および iOS 14+ でサポート。Internet Explorer は WebP をサポートしません。
すべての画像を WebP に変換する必要がありますか?▾
Web ページの場合、はい — JPEG と PNG 画像を WebP に変換するとページの重量が削減され、読み込み時間が向上。WebP をサポートしないかもしれないブラウザーに対して JPEG/PNG フォールバックと <picture> 要素を使用してください。電子メール経由で共有、印刷、またはデスクトップ ソフトウェアで使用される画像については、互換性のために JPEG または PNG を保持してください。