如何让Ubuntu系统支持WebP图片格式

什么是WebP图片

Google开发并推出 WebP 图片格式已有 5 年了，WebP 可以提供对图片的有损和无损压缩。据官方宣称，对相同图片压缩后，平均会比 JPEG 体积缩小 25%。

原本Google雄心勃勃的想让 WebP 成为互联网图像压缩技术的新标准，但 5 年时间流逝之后，WebP除了在 Google 自己的生态系统成为标准，以及一些国际大站和一些技术很超前的网站在使用外，我们并没有看到它被广泛普及。不过谷歌自己还在不遗余力地进行推动，例如几个月前就将 Google Plus 的图片转换到了 WebP。

如果你用 Google Chrome 从一些大站或 Google Plus 下载到 WebP 格式的图片，使用 Ubuntu 中默认的 GNOME 图像查看器打开时会报如下错误：

无法载入图像 XXXX。

Unrecognized inage file format

为解决这些个问题，下面我们就从如下 4 个方面进行介绍：

如何在 Linux 中添加 Webp 支持

在应用程序列表中支持 WebP 图片

怎样将 WebP 图像转换为 PNG 或 JPEG

如何直接下载到 PNG 图片

直接在Ubuntu或其它Linux中查看WebP图像

前面我们已经说了,「GNOME 图像查看器」作为 Ubuntu 和其它很多 Linux 桌面的默认图片浏览器，它并不支持 WebP 图像，目前也还没有可以让它直接支持 WebP 的好用插件。不过我们曾强力推荐的 gThumb 图片管理工具直接支持 WebP，推荐大家尝试。

Ubuntu 或衍生版本用户可以使用 apt-get install gthumb 进行安装，装好之后就可以直接打开 Webp 图片了。

如果你跟我一样喜欢 gThumb，可以按如下步骤将其直接设置为 webp 文件的默认打开应用：

1.右击任意 .webp 格式的文件 — 在d出的快捷菜单中选择属性

2.在「打开方式」选项卡的列表中选中 gThumb，再点击「设为默认值」即可。

gThumb提供了比其它图像查看器更多的功能，例如可以对图片进行编辑、添加颜色滤镜和批量调整图片大小等，它虽然不像 XnRetro 这么专业，但应付日常使用足够了。如果你想了解更多 Linux 中的最佳照片管理软件，可以查看我们此前的介绍文章。

如果很不幸人不喜欢 gThumb，也可以在 Lninux 中尝试安装如下软件，它们支持直接打开 webp：

XnView（未开源）

GIMP 也可以通过第三方 Webp 插件对其进行支持，安装方法可以参考这个 PPA

Gwenview

将WebP图像转换为PNG或JPEG

在 Linux 中将 WebP 图像转换为 PNG 或 JPEG 可以使用命令工具或图形工具两种方式，下面我们分别进行介绍。

使用命令行转换webp

1.先在终端中使用如下命令安装 WebP 工具：

sudo apt-get install webp

2.可以使用如下命令将 JPG 或 PNG 转换为 WEBP：

cwebp -q [图像质量] [JPEG/PNG文件名] -o [WebP文件名]

3.使用如下命令或将 WEBP 图片转换成 PNG：

dwebp [WebP文件名] -o [PNG文件名]

使用图形界面工具转换webp

如果你觉得命令使用起来麻烦，也可以使用 XnConvert 这款免费但不开源的图形界面工具进行格式转换：

XnConvert 的功能也十分强大，你也可以使用它在批量调整图片大小，本部分我们只看它如何使用它将 WebP 图片转换为 PNG/JPEG。

1.打开 XnConvert，在「输入」中添加要转换的文件或文件夹

2.在「输出」选项卡中指定好导出路径 — 在「格式」下拉列表的众多格式中选择需要的目标类型 — 再点击「转换」按钮即可批量转换，非常方便。

直接将WebP下载为PNG图片

如果你不想安装任何软件，也不想下载 WebP 格式的图片，其实我们还可以通过 Chrome 插件的方式来将网页中的图片另存为 PNG 格式。此种方式特别适合要经常打各种素材而又苦于格式转换的设计师，和像我这样的懒鸟用户。直接通过如下链接在 Chrome 应用商店中安装 Save Image As PNG 插件即可：

Save Image As PNG

可以使用PS webp插件将其打开，具体 *** 作步骤如下：

1、首先，打开浏览器，在百度搜索栏中输入关键字“

 WebP.8bi”进行搜索，然后选择第二项进行下载，如下图所示，然后进入下一步。

　    

2、其次，下载好之后，就可以获得WebP.8bi的插件文件了，将该文件移动到PS安装目录的Plug-ins目录中，如下图所示，然后进入下一步。

　    

3、接着，完成上述步骤后，再打开Photoshop软件，就可以打开webp格式的图片了，如下图所示，然后进入下一步。

　    

4、最后，按Shift

 + Crtl + S打开另存为，在文件类型中，可以看到还新添加了Webp格式图像保存类型，如下图所示。这样，问题就解决了。

　    

我的博客原文

众所周知webp 出自google，它是一种图片的格式， webp减少图片体积，按照官方的说法，在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%。 起初webp并不支持动图，直到后来在0.2.0的版本上加上了动图，称为animated webp。

最早接触webp是因为公司要减小app包的体积，因为公司是做地图导航的，有很多图片资源文件，而且Android和iOS都有相应的解决方案，所以觉得将所有图片资源替换为webp，经过几天的折腾最终减少了将近20m。

这次我要使用animated webp作为客户端动图，是因为其效率和压缩比上都有一个比较好的权衡，抓包过抖音的动图发现其格式为webp，再者animated WebP支持24bit的RGB色，能有很好的色彩空间，服务端使用ffmpeg制作也很方便快捷。

我是在linux(Ubuntu)下使用的ffmpeg，下面为安装ffmpeg

将jpg图像的格式转换为webp非常简单，直接使用命令就可以实现转码。这条命令未设置任何参数，使用的默认的参数：

将视频制作为一个animated webp

如果要调整生成animated webp的大小或降低帧速率，可使用 scale, fps ，比如以下:

FFmpeg Codecs Documentation :: libwebp

FFmpeg Filters Documentation : scale

FFmpeg Filters Documentation : fps

---