一、WebP是什么?谷歌家的小体积图片格式
WebP,是谷歌在2010年推出的一种图片格式。名字里的“Web”说明了一切——它是专门为网页设计的。
谷歌为什么要搞一个新格式?因为网页上图片太多、太大、加载太慢。JPG从90年代用到现在,压缩算法一直没有大更新。谷歌的工程师就想:能不能做一个比JPG更小的格式,让网页打开更快?
结果就是WebP。它的核心卖点只有一个:同样画质下,文件体积比JPG小25%-35%。一张JPG照片500KB,转成WebP可能只要300多KB。对于网站来说,这意味着更快的加载速度、更少的流量费用。
二、WebP有两种:有损和无损
很多人不知道,WebP其实分两种:
📉 有损WebP(Lossy WebP)
和JPG一样,压缩时会丢掉一些画质细节,换来更小的文件体积。这是WebP最常用的模式。一张JPG转成有损WebP,体积可以减小30%左右,画质肉眼看不出区别。
适用场景:网站照片、商品图、文章配图
📈 无损WebP(Lossless WebP)
和PNG一样,压缩时不丢画质,所有细节都保留。体积比PNG小25%-40%。比如一个PNG图标100KB,转成无损WebP可能只要60KB。
适用场景:图标、Logo、截图、需要透明背景的图
另外,WebP还支持透明背景(像PNG一样)和动画(像GIF一样)。一张动画WebP可以做到几MB,而同样的GIF可能要几十MB。但动画WebP目前用得不多,因为制作工具少、播放支持也一般。
🎯 和JPG、PNG对比一下
- 体积大小:WebP(有损)< JPG < PNG ≈ WebP(无损)
- 画质:PNG = WebP(无损)> WebP(有损)≈ JPG
- 透明背景:PNG和WebP支持,JPG不支持
- 兼容性:JPG最好,PNG次之,WebP最差
三、WebP的优点和缺点
✅ 优点
- 体积小:同样画质比JPG小30%,比PNG小40%。这是它最大的优势。
- 支持透明:和PNG一样可以透明背景。
- 支持动画:比GIF小得多,画质更好。
- 网页加载快:图片小就意味着网页打开快,对用户体验和SEO都有好处。
- 节省流量:网站流量费、用户手机流量都能省。
❌ 缺点
- 兼容性不够好:Windows自带看图打不开,老手机打不开,部分软件打不开。这是最大的问题。
- 编码慢:同样的图片,转成WebP比转成JPG要花更多时间。对网站来说就是服务器压力更大。
- 编辑软件支持差:Photoshop需要装插件才能打开WebP,旧版本根本不支持。
- 打印不支持:印刷行业没人用WebP,因为打印机不认。
四、怎么打开WebP文件?
WebP最大的问题就是打不开。下面说几种方法:
浏览器打开(最简单)
- 所有现代浏览器(Chrome、Edge、Firefox、Safari)都原生支持WebP。
- 直接把WebP图片拖进浏览器窗口,就能看了。
- 缺点:每次都要拖,不方便。
Windows装扩展
- 微软商店搜索“WebP 图像扩展”,安装免费的扩展。
- 装完之后,Windows照片查看器就能打开WebP了。
- 或者装第三方看图软件:IrfanView、Honeyview、XnView,这些都免费且支持WebP。
Mac打开
- Mac自带的“预览”应用,从macOS 11 Big Sur开始支持WebP。
- 如果你的系统是旧版本,可以用WebPQuickLook插件。
手机打开
- iPhone:iOS 14以后,系统自带“文件”应用和Safari都能看。相册不支持直接导入WebP,需要第三方App比如“WebP Viewer”。
- 安卓:原生支持,自带的相册和文件管理器都能打开。
五、怎么把WebP转成JPG或PNG?
如果你收到了一个.webp文件,打不开或者软件不认,最好的办法就是转成JPG或PNG。
在线转换(最快)
- CloudConvert:质量好,支持批量。
- Convertio:界面友好,免费版有限制。
- ILoveIMG:操作简单,不需要注册。
上传.webp文件,选输出格式(JPG或PNG),点转换,下载。几十秒搞定。
用软件批量转
- XnConvert:免费,支持批量,Windows/Mac/Linux都有。
- IrfanView:Windows老牌软件,打开WebP后另存为JPG就行。
用命令行程批量转
# 用ffmpeg
ffmpeg -i input.webp output.jpg
# 批量转
for file in *.webp; do
ffmpeg -i "$file" "${file%.webp}.jpg"
done
# 用ImageMagick
magick input.webp output.png六、怎么把JPG转成WebP?
如果你是做网站的,想把图片转成WebP来省流量,可以用下面这些方法:
在线转换
- 上面的在线工具同样支持JPG/PNG转WebP,上传、选格式、转换。
软件批量转
- XnConvert:免费,支持批量,可以设置压缩质量。
- Caesium:专门做图片压缩的开源软件,支持WebP输出。
命令行(质量可控)
# 用ImageMagick,质量参数是1-100
magick input.jpg -quality 85 output.webp
# 用ffmpeg
ffmpeg -i input.jpg -quality 85 output.webp
# 批量转当前文件夹所有JPG
for file in *.jpg; do
ffmpeg -i "$file" -quality 85 "${file%.jpg}.webp"
done🎯 给网站开发的建议
最稳妥的做法:同时提供WebP和JPG两套图片。浏览器支持WebP就加载WebP,不支持就加载JPG。WordPress有一些插件(比如EWWW Image Optimizer、Smush)可以帮你自动转换和自动判断。
七、WebP之后还有更狠的吗?
WebP是2010年的技术。十几年过去了,又有新的格式出现:
- AVIF:谷歌和Netflix等公司联合推动,基于AV1视频编码。同样画质下,比WebP再小20%-30%。兼容性比WebP更差,目前只有新版浏览器支持。
- JPEG XL:JPEG官方组织推出的继任者,压缩率比WebP好,而且支持无损转JPG(转回来不会有损失)。但谷歌不太支持这个格式,推广阻力大。
目前来看,WebP在未来几年还会是网页图片的主流选择。AVIF和JPEG XL可能会慢慢普及,但不会太快。