Ubuntu 22.04 LTS如何添加WebP图像格式支持?——详细教程

什么是WebP图像格式

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

Ubuntu 22.04 LTS如何添加WebP图像格式支持?——详细教程
(图片来源网络,侵删)

为什么需要添加WebP支持

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

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

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

第1步: 安装 libwebp-dev 库

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

Ubuntu 22.04 LTS如何添加WebP图像格式支持?——详细教程
(图片来源网络,侵删)

```

sudo apt-get update

sudo apt-get install libwebp-dev -y

Ubuntu 22.04 LTS如何添加WebP图像格式支持?——详细教程
(图片来源网络,侵删)

第2步: 安装 php-imagick 和 php-gd 扩展

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

sudo apt-get install php-imagick -y

sudo apt-get install php-gd -y

第3步: 配置 Apache2 服务器

在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

第4步: 重启 Apache2 服务器

执行以下命令以重新启动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 图片格式的支持。只需要按照上述步骤进行操作即可轻松实现这一目标。希望这篇文章能够帮助你解决相关问题!