WebP是什么格式?比JPG小一半的图片,为什么还没普及

谷歌推出的图片格式,同样画质体积小30%-50%。网站用它省流量,但很多软件打不开。这篇文章讲清楚WebP的优缺点和怎么用。

一、WebP是什么?谷歌家的小体积图片格式

WebP,是谷歌在2010年推出的一种图片格式。名字里的“Web”说明了一切——它是专门为网页设计的。

谷歌为什么要搞一个新格式?因为网页上图片太多、太大、加载太慢。JPG从90年代用到现在,压缩算法一直没有大更新。谷歌的工程师就想:能不能做一个比JPG更小的格式,让网页打开更快?

结果就是WebP。它的核心卖点只有一个:同样画质下,文件体积比JPG小25%-35%。一张JPG照片500KB,转成WebP可能只要300多KB。对于网站来说,这意味着更快的加载速度、更少的流量费用。

一句话总结:WebP就是体积更小的JPG。如果你只在乎图片小、加载快,选它没错。如果你需要兼容性,老老实实用JPG。

二、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,因为打印机不认。
一个数据:根据W3Techs的统计,截至2024年,全球约有30%的网站使用了WebP格式。谷歌旗下产品(YouTube、Google Play)早就全换了,WordPress从5.8版本开始默认支持WebP。但国内很多小网站还是JPG为主。

四、怎么打开WebP文件?

WebP最大的问题就是打不开。下面说几种方法:

浏览器打开(最简单)

  • 所有现代浏览器(Chrome、Edge、Firefox、Safari)都原生支持WebP。
  • 直接把WebP图片拖进浏览器窗口,就能看了。
  • 缺点:每次都要拖,不方便。

Windows装扩展

  • 微软商店搜索“WebP 图像扩展”,安装免费的扩展。
  • 装完之后,Windows照片查看器就能打开WebP了。
  • 或者装第三方看图软件:IrfanViewHoneyviewXnView,这些都免费且支持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
小技巧:有些网站下载的图片是.webp格式,你可以直接改后缀名成.jpg试试。有时候能成功,但多数情况不行。因为改后缀只骗过了系统,文件内部的编码格式没变。

六、怎么把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可能会慢慢普及,但不会太快。

总结一下:如果你是普通用户,收到.webp文件打不开就转成JPG。如果你是做网站的,可以考虑用WebP来省流量。如果你只是存照片,JPG更稳妥,免得以后打不开。