WebP
WebPは、Googleが開発した最新の画像フォーマットで、非可逆・可逆の両方の画像に優れた圧縮を提供します。同等の品質でJPEGより25〜35%小さいファイルを生成し、透過とアニメーションもサポートしています。WebPは現在、すべての主要ブラウザで対応しています。
MIMEタイプ
image/webp
種類
バイナリ
圧縮
非可逆
メリット
- + 25-35% smaller files than JPEG at same quality
- + Supports both lossy and lossless compression
- + Alpha transparency and animation support
- + Supported by all modern browsers
デメリット
- − Not supported by some legacy software and browsers
- − Slightly slower encoding than JPEG
- − Less adoption in print workflows
.WEBPを使うタイミング
幅広いブラウザサポートが得られる場合、WebサイトのメインフォーマットとしてWebPを使用してください。ほとんどのユースケースで最適なサイズと品質のバランスを提供します。
技術的詳細
WebPの非可逆モードはVP8予測符号化を使用し、可逆モードは空間予測付きエントロピー符号化を使用します。両モードでアルファ透過をサポートし、拡張ファイルフォーマットによるアニメーションにも対応しています。
歴史
WebPは2010年にGoogleによって発表され、VP8ビデオコーデックのイントラフレームエンコーディングに基づいています。2020年にSafariがネイティブサポートを追加したことで、幅広いブラウザ対応が実現しました。
.WEBPから変換
.WEBPに変換
関連フォーマット
関連用語
Learn More
Color Theory for Digital Design: A Practical Guide
Understanding color theory helps you create visually harmonious designs that communicate effectively. This guide covers color models, harmony rules, accessibility …
How to Compress Images for the Web
Learn how to reduce image file sizes for faster web page loading without visible quality loss. This guide covers lossy …
Image Format Guide: JPEG vs PNG vs WebP vs AVIF
Choosing the right image format affects file size, quality, and browser compatibility. This comparison covers the strengths of JPEG, PNG, …
Social Media Image Sizes: The Complete 2025 Guide
Each social platform has specific image dimensions for profiles, covers, posts, and stories. Using the wrong size results in cropping, …
How to Convert Images Between Formats
A practical guide to converting between image formats like JPEG, PNG, WebP, SVG, and HEIC. Learn which conversions are lossless, …
How to Create Open Graph Images for Social Sharing
Open Graph images determine how your links appear when shared on social media. A well-designed OG image can dramatically increase …