WebP
WebP 是由 Google 开发的现代图像格式，为有损和无损图像提供卓越的压缩效果。在同等质量下，WebP 文件通常比 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
在浏览器广泛支持的情况下，建议将 WebP 作为网站的首选图像格式。它在大多数使用场景中提供最佳的大小与质量比。
技术细节
WebP 有损模式采用 VP8 预测编码；无损模式采用带空间预测的熵编码。两种模式均支持 Alpha 透明度，并通过扩展文件格式支持动画。
历史
WebP 由 Google 于 2010 年发布，基于 VP8 视频编解码器的帧内编码。2020 年 Safari 添加原生支持后，WebP 获得了广泛的浏览器支持。
从 .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 …