您当前的位置:首页 > 电脑百科 > 软件技术 > 操作系统 > linux百科

如何在 Linux 下使用 WebP 图像

时间:2023-09-25 15:10:09  来源:Linux中国  作者:

WebP 图像格式的定义

2010 年 9 月,谷歌提出了 WebP 图像格式,其愿景是完全替代 JPEG、PNG 和 GIF 文件格式。就如你所见,WebP 是一个全能型的格式,继承了先前压缩算法的所有特性,支持有损和无损的动画以及透明度。

除此以外,WebP 基于块预测技术,它是互联网上推荐使用的图像格式。由于其文件大小明显更小、图象质量更好,WebP 已经成为了为网站提供图像的现代化标准。

现状简述

现在,几乎所有的主流 Web 浏览器都开始支持 WebP,也就是说你可以在包括 Chromium、Chrome、Firefox、Brave、Vivaldi、Safari 和 Edge 在内的热门浏览器中查看这种格式的图像。

然而,要从现有的 JPG 和 PNG 文件创建 WebP 图像,你需要安装谷歌开发的 WebP 库。另外,linux 发行版的文件管理器暂时还不能直接显示该格式的图像。

为了与 WebP 实现无缝集成和提供良好的用户体验,各个组件必须协同工作。操作系统需要的是 WebP 的核心库。此外,文件管理器和图像查看器则需要能识别 *.webp 文件类型并进行加载。

这些为用户提供了一致的体验。由于 WebP 是新的标准,正在广泛施行和应用,你可能需要在 Linux 下执行一些额外的步骤以便运用这种技术。

另一方面,windows 10 和 11 现在已经默认支持 WebP,包括其新的图像查看器功能。

因此,本篇文章将探讨如何在 Linux 系统下浏览、创建以及转换 WebP 图像的问题。

如何查看 WebP 图像

针对 Ubuntu、Linux Mint 及相关发行版

要查看图像,首先需要一个加载器。文件管理器或图像查看器会使用这个加载器库来实现 WebP 图像的显示。然而,在 Ubuntu Linux 中,默认情况下并未提供 WebP 图像加载器。因此,你需要通过下列指令安装 webp-pixbuf-loader 库,此库能帮助 Ubuntu 中的 GTK 应用程序显示 WebP 图像。

sudo add-apt-repository ppa:helkaluin/webp-pixbuf-loadersudo apt updatesudo apt install webp-pixbuf-loader

如果你有兴趣了解 GDK 库如何在显示服务器(例如 X.Org)和 GTK 组件间进行协作,可以参考 这个页面。

openSUSE

Leap 和 Tumbleweed 的软件包在 这里 提供。访问页面并点击 “专家下载Expert Download” 进行安装即可。

Arch Linux

在 Arch Linux 中,这个软件包在 社区仓库 里有提供。因此,你可以通过以下的命令方便地进行安装:

sudo pacman -S webp-pixbuf-loader

Fedora Linux 以及 RHEL

对于 Fedora 以及其他相关的发行版,可以使用如下的指令进行安装:

sudo dnf install webp-pixbuf-loader

安装完成以后,你可以选择重新启动你的计算机

现在,我们来到了最有趣的部分。只要导航到任何包含 WebP 图像的目录,通过缩略图或者默认的图像查看器,你应该就能看到这些图像了。

以下是一个示例,展示了在 Ubuntu 22.04 LTS 中带有 WebP 图像的 Nautilus 文件管理器在之前和之后的界面。

GNOME Files (Nautilus) with WebP file - beforeGNOME Files (Nautilus) with WebP file - before

GNOME Files (Nautilus) with WebP file - afterGNOME Files (Nautilus) with WebP file - after

在文件管理器/图像查看器中查看 WebP 图像

GNOME & Nautilus

对于 GNOME 桌面环境,Nautilus 文件管理器可以配合我在之前章节针对 Ubuntu/Fedora 等系统所解释的步骤正常工作。

Thunar 桌面(基于 Xfce 的发行版)下的 WebP 图像查看

尽管 Thunar 在 Xfce 桌面环境下默认就可展示缩略图,但默认的图像查看器 Ristretto 不能打开 WebP 格式的文件。因此,你首先需要安装我在先前章节中提及的一些软件包(例如针对 Ubuntu/Fedora 或 Arch 的包)并重启。然后,你可以通过改变默认的 .webp 文件类型关联,使用 Ristretto 查看器打开这些图像。

Thunar and Ristretto Image Viewer shows webp imageThunar and Ristretto Image Viewer shows webp image

KDE Plasma - Dolphin 文件管理器及 Gwenview 图像查看器

KDE 默认的图像查看器 Gwenview 原生支持 WebP 格式,因此,你无需额外的安装步骤就可以查看 WebP 图像。另外,Dolphin 文件管理器也可以很好地展示 WebP 格式的缩略图。

Dolphin and Gwenview displaying a sample WebP image on KDE PlasmaDolphin and Gwenview displaying a sample WebP image on KDE Plasma

PCManFMQt(基于 LXQt 的发行版)下的 WebP 图像查看

如果你使用的是 Lubuntu,那你应该可以使用 LXImage 查看器打开 WebP 图像,因为这款查看器默认就支持 WebP。同样,PCManFMQt 文件管理器也能默认展示 WebP 图像的缩略图。

PCManFM-Qt and LXImagePCManFM-Qt and LXImage

Nemo 文件管理器

从 Linux Mint 的 Mint 21 “Vanessa” 版本开始,Nemo 文件管理器也将支持 WebP。你也可以通过上述的 PPA 方案在 Linux Mint 中查看 WebP 图像,直到新的 Mint 正式版本发布。

使用其它应用程序查看 WebP 图像(推荐方式)

首先,著名的光栅图形编辑器 GIMP 在 2.10 版本及以后的版本中,已经支持打开和保存 WebP 格式的图像(目前在所有的 Linux 发行版中都已经可用)。

其次,除了你的桌面环境自带的图像查看器外,还有一些其他支持 WebP 图像格式的查看器,如:

  • Qview — 一款极简的图像查看器
  • gThumb — 一款基于 GTK 的图像查看器,同时也提供 Flatpak 版本

最后,Libreoffice 7.4 为其所有的组件(比如 Writer、Calc、Draw 和 Impress)带来 对 WebP 格式的原生支持,支持这类图像的导入和导出。

如何将 WebP 图像转换为 JPG 或 PNG 格式

现在,你已经知道了如何查看 .webp 格式的文件,再来学习如何转换这类文件应该会很有用。

首先,使用以下命令为 Ubuntu 或 Fedora Linux 系统,包括其他相关的发行版安装 webp 包。如果你需要一个不需要安装就能在所有发行版和操作系统上执行的预编译版本,可以访问 这个页面 并下载最新的 zip 文件。

对于 Ubuntu 和相关的发行版:

sudo apt install webp

对于 Fedora 和相关的发行版:

sudo dnf install libwebp

安装完成后,使用以下命令可以将 WebP 格式的图像转换为 JPG 或 PNG 格式。记得根据你的实际情况,修改文件名和路径。

dwebp image1.webp -o image1.png

把 JPEG 或 PNG 图像转换为 WebP 格式

如果需要把一张 JPEG 或 PNG 格式的图像转化为 WebP 格式,你可以使用 `cwebp``(WebP 编码器)命令如下:

cwebp -q <压缩因数> <输入图像> -o <输出图像>

例如,你可以使用下面的示例命令,它将 image1.png 转换为使用 80 的压缩因子的 image1.webp

cwebp -q 80 image1.png -o image1.webp

把 GIF 图像转换为 WebP 图像

一个在 WebP 格式中常被忽视的特点是它支持动画。因此,可以轻松将 WebP 格式用来保存具有动画效果的 GIF 文件。使用下面的命令就能把一个已有的 GIF 文件转换为 WebP 文件。

gif2webp input_file.gif -o output_file.webp

你可以访问 这个页面 以获取更多关于上述工具和其他选项的信息。

结语

虽然 WebP 格式自首次发布以来已经有十年的时间了,Linux 桌面环境适应并支持 WebP 图像格式却并没有那么快。我相信以后 WebP 格式的支持应该会变成基本的,你甚至可能不需要进行额外的调整就能查看或保存 WebP 文件了。

我希望这篇文章可以帮你了解并掌握如何在工作流程中更好地使用 WebP 格式。

那么,你现在是怎么处理 WebP 格式图像的呢?



Tags:WebP   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
如何在 Linux 下使用 WebP 图像
WebP 图像格式的定义2010 年 9 月,谷歌提出了 WebP 图像格式,其愿景是完全替代 JPEG、PNG 和 GIF 文件格式。就如你所见,WebP 是一个全能型的格式,继承了先前压缩算法的所有特性...【详细内容】
2023-09-25  Search: WebP  点击:(313)  评论:(0)  加入收藏
如果能重来,你要选 Vite 还是 Webpack ?
Webpack 的第一次发布是在 2013 年发布,长久以来是主流的前端打包工具。Vite 的第一次发布是在 2021 年,是近两年来前端打包工具中的后起之秀,重点解决 Webpack 在开发阶段的...【详细内容】
2023-08-21  Search: WebP  点击:(307)  评论:(0)  加入收藏
Bun 的新 Bundler:比 webpack 快 220 倍?
Bun的快速原生捆绑器现在处于测试阶段。它可以通过 bun build CLI 命令或新的 Bun.build() JavaScript API 使用。 从头开始捆绑 10 份三份.js副本,带有源映射和缩小 使用...【详细内容】
2023-05-25  Search: WebP  点击:(372)  评论:(0)  加入收藏
Webpack4编译阶段的性能优化和踩坑
Hello,大家好,我是松宝写代码,写宝写的不止是代码。接下来给大家带来的是关于Webpack4的性能优化的系列,今天带来的是编译阶段的性能优化。由于优化都是在 Webpack 4 上做的,当时...【详细内容】
2023-04-27  Search: WebP  点击:(340)  评论:(0)  加入收藏
前端面试题-工程化-webpack 编译流程
webpack 编译流程 初始化参数:从配置文件和 Shell 语句中读取并合并参数,得出最终的配置对象 用上一步得到的参数初始化 Compiler 对象 加载所有配置的插件 执行对象的 run...【详细内容】
2023-03-23  Search: WebP  点击:(130)  评论:(0)  加入收藏
浏览器保存的Webp格式图片打不开?试试这三个方法,一秒解决
在网上看到喜欢的图片,下载后打不开该怎么办?一般出现图片打不开的原因就是图片格式的问题。我们都知道图片格式是很多的,有jpg、png、webp等百余种格式,而其中的Webp格式是Goog...【详细内容】
2022-09-06  Search: WebP  点击:(2463)  评论:(0)  加入收藏
在.Net 7原生支持Webp和Heif格式文件生成
前言通常在拉取.Net Runtime源码,看到感兴趣的issue提交,就把该issue编号保存到OneNote,待有时间,便整理为笔记或博文,今天说一下.Net System.Drawing.Common开始支持Webp和...【详细内容】
2022-07-27  Search: WebP  点击:(539)  评论:(0)  加入收藏
用webpack创建vue项目/脚手架
图片来源于网络;如有侵权请联系删除对于创建vue项目有很多种方法;但是我觉得这种是相对比较方便的;不用去配置打包啊一些配置了;而且操作也是非常简单;只需要几步就可以了;现在我...【详细内容】
2020-12-28  Search: WebP  点击:(607)  评论:(0)  加入收藏
webpack教程:如何从头开始设置 webpack 5
webpack 对我来说曾经是一个怪物般存在一样,因为它有太多太多的配置项,相反,使用像create-react-app脚手架可以很轻松创建项目,所以有一段时间内,我会尽量避免使用 webpack,因为它...【详细内容】
2020-11-17  Search: WebP  点击:(317)  评论:(0)  加入收藏
想了解Webpack,看这篇就够了
摘要:Webpack是一种前端资源构建工具,一个静态模块打包器。1. 摘要Webpack是一种前端资源构建工具,一个静态模块打包器。在Webpack看来,前端的所有资源文件(js/json/css/img/les...【详细内容】
2020-11-06  Search: WebP  点击:(276)  评论:(0)  加入收藏
▌简易百科推荐
微软 Win11 Linux 子系统(WSL)发布 2.2.2 版本
IT之家 4 月 8 日消息,微软近日更新 Windows Subsystem for Linux(WSL),最新 2.2.2 版本中带来了诸多改进,重点更新了 nft 规则,可以让 IPv6 流量通过 Linux 容器。图源: dev.to,AI...【详细内容】
2024-04-08    IT之家  Tags:Linux   点击:(5)  评论:(0)  加入收藏
从原理到实践:深入探索Linux安全机制
Linux 是一种开源的类Unix操作系统内核,由Linus Torvalds在1991年首次发布,其后又衍生出许多不同的发行版(如Ubuntu、Debian、CentOS等)。前言本文将从用户和权限管理、文件系统...【详细内容】
2024-03-27  凡夫编程  微信公众号  Tags:Linux安全   点击:(13)  评论:(0)  加入收藏
在Linux系统中,如何处理内存管理和优化的问题?
本文对 Linux 内存管理和优化的一些高级技巧的详细介绍,通过高级的内存管理技巧,可以帮助系统管理员和开发人员更好地优化 Linux 系统的内存使用情况,提高系统性能和稳定性。在...【详细内容】
2024-03-26  编程技术汇  微信公众号  Tags:Linux   点击:(6)  评论:(0)  加入收藏
Linux 6.9-rc1 内核发布:AMD P-State 首选核心、BH 工作队列
IT之家 3 月 25 日消息,Linus Torvalds 宣布,Linux 6.9 内核的首个 RC(候选发布)版 Linux 6.9-rc1 发布。▲ Linux 6.9-rc1Linus 表示,Linux 内核 6.9 看起来是一个“相当正常”...【详细内容】
2024-03-25    IT之家  Tags:Linux   点击:(9)  评论:(0)  加入收藏
轻松实现Centos系统的软件包安装管理:yum指令实战详解
yum 是一种用于在 CentOS、Red Hat Enterprise Linux (RHEL) 等基于 RPM 的 Linux 发行版上安装、更新和管理软件包的命令行工具。它可以自动解决软件包依赖关系,自动下载并...【详细内容】
2024-02-27  凡夫贬夫  微信公众号  Tags:Centos   点击:(51)  评论:(0)  加入收藏
Win + Ubuntu 缝合怪:第三方开发者推出“Wubuntu”Linux 发行版
IT之家 2 月 26 日消息,一位第三方开发者推出了一款名为“Wubuntu”的缝合怪 Linux 发行版,系统本身基于 Ubuntu,但界面为微软 Windows 11 风格,甚至存在微软 Windows 徽标。据...【详细内容】
2024-02-27    IT之家  Tags:Ubuntu   点击:(47)  评论:(0)  加入收藏
Linux中磁盘和文件系统工作原理解析
在Linux系统中,一切皆文件的概念意味着所有的资源,包括普通文件、目录以及设备文件等,都以文件的形式存在。这种统一的文件系统管理方式使得Linux系统具有高度的灵活性和可扩展...【详细内容】
2024-02-20  王建立    Tags:Linux   点击:(49)  评论:(0)  加入收藏
Linux子系统概览
inux操作系统是一个模块化的系统,由多个子系统组成。这些子系统协同工作,使Linux能够执行各种任务。了解Linux的子系统有助于更好地理解整个操作系统的运作机制。以下是Linux...【详细内容】
2024-02-01    简易百科  Tags:Linux   点击:(74)  评论:(0)  加入收藏
Linux内核:系统之魂与交互之源
内核,作为任何基于Linux的操作系统的心脏,扮演着至关重要的角色。它不仅是计算机系统软件与硬件之间的桥梁,更是确保系统稳定、高效运行的关键。内核提供了一系列核心功能,为上...【详细内容】
2024-02-01  松鼠宝贝    Tags:Linux内核   点击:(65)  评论:(0)  加入收藏
如何确保Linux进程稳定与持久
在Linux系统中,进程的稳定性与持久性对于维持系统的持续运行至关重要。然而,由于各种原因,进程可能会面临崩溃或系统重启的情况。为了确保关键进程能够持续运行,我们必须采取一...【详细内容】
2024-01-19  松鼠宝贝    Tags:Linux进程   点击:(84)  评论:(0)  加入收藏
站内最新
站内热门
站内头条