Ubuntu22.04LTS如何添加WebP图像格式支持？——详细教程

什么是WebP图像格式

WebP是一种由Google开发的新型图片格式，旨在提供更高效的压缩和更快的加载速度。与JPEG、PNG等传统图片格式相比，它具有更小的文件大小和更好的视觉质量。

网站建设哪家好，找成都创新互联！专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了霍州免费建站欢迎大家使用！

为什么需要添加WebP支持

随着越来越多网站采用了WebP图像格式，如果您希望访问这些站点并查看其内容，则需要使您的浏览器能够正确处理该类型的文件。您将无法查看页面上包含WebP图片元素部分。

如何为Ubuntu 22.04 LTS添加对 WebP 图片格式支持

以下是在Ubuntu 22.04 LTS中安装libwebp-dev库以及其他必要组件，并启用Apache2服务器支持 Webp 格式所需步骤：

打开终端并执行以下命令：

```

sudo apt-get update

sudo apt-get install libwebp-dev -y

确保已经安装php-imagick和php-gd扩展。如果还没有，请使用以下命令进行安装：

sudo apt-get install php-imagick -y

sudo apt-get install php-gd -y

在Apache2配置文件中添加以下内容：

AddType image/webp .webp

RewriteEngine On

# Check if browser supports WebP images.

RewriteCond %{HTTP_ACCEPT} image/webp

# Check if file exists on the server with same filename and ".webp" extension.

RewriteCond %{DOCUMENT_ROOT}/$1.webp -f

# Serve WebP image instead of original JPG/PNG.

RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]

# Force JPEG or PNG files to be served as WebP when available.

SetEnvIf Request_URI "\.(jpe?g|png)$" REQUEST_image/webp_force

Header append Vary Accept env=REQUEST_image/webp_force

AddType image/x-icon .ico

执行以下命令以重新启动Apache2服务器：

sudo systemctl restart apache2.service

如何检查WebP支持是否已成功安装

要检查您的Ubuntu系统是否正确安装了WebP支持，请使用以下方法之一：

方法一：使用PHPinfo函数输出信息进行验证。

在终端输入以下命令，将生成一个包含所有PHP配置详细信息的网页。打开这个页面并搜索“libweb”或“imagick”，如果您看到这些扩展名，那么您已经成功安装了WebP支持。

sudo nano /var/www/html/info.php

将以下代码复制并粘贴到文件中：

```php

保存并关闭该文件。在浏览器中输入 并查看输出结果。

方法二：使用命令行工具验证

打开终端，并执行以下命令来检查是否正确配置Apache2服务器以支持WebP格式的图像：

curl -I -H 'Accept:image/webp' -image.jpg

如果您看到“Content-Type: image/webp”响应头，则表明您的系统已成功安装对WebP格式图像的支持。

通过本文，我们详细介绍了如何为Ubuntu 22.04 LTS添加对 WebP 图片格式的支持。只需要按照上述步骤进行操作即可轻松实现这一目标。希望这篇文章能够帮助你解决相关问题！

分享题目：Ubuntu22.04LTS如何添加WebP图像格式支持？——详细教程
分享网址：http://www.shufengxianlan.com/qtweb/news14/499064.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联