PHP7 - 优化图像（压缩而不损失质量）

Question

我的项目有问题。我想优化它的图像。我尝试将图像转换为 .webp，但我发现它不受浏览器支持。

当我在 Google 的 PageSpeedInsight 上测试我的网站时，它给了我关于图像的警告，我需要压缩它们。同时，他还给了我新的压缩图片，完美且小巧。

但我尝试用 PHP 来做，但我无法获得与 google page Insight 相同的结果。

来自 pageSpeedInsight 的消息：

JPEG 2000、JPEG XR 和 WebP 等图像格式通常提供更好的 压缩比 PNG 或 JPEG，这意味着更快的下载和更少 数据消耗

有没有优化图像的最佳解决方案？我使用原生 PHP 框架 (MVC)。

Answer 1

您可以安装Intervention Image库，将您的图像转换为WEBP格式。

并在服务器支持时使用 .htaccess 显示 webp 图片，因为并非所有浏览器都支持 WEBP 图片。在这种情况下，您必须拥有其他常用扩展名（jpg，png）的图像副本，并且可以使用tinypng API.进行压缩

<IfModule mod_setenvif.c>
    # Vary: Accept for all the requests to jpeg and png
    SetEnvIf Request_URI "\.(jpe?g|png)$" REQUEST_image
</IfModule>

<IfModule mod_rewrite.c>
    RewriteEngine On

    # Check if browser supports WebP images
    RewriteCond %{HTTP_ACCEPT} image/webp

    # Check if WebP replacement image exists
    RewriteCond %{DOCUMENT_ROOT}/$1.webp -f

    # Serve WebP image instead
    RewriteRule (.+)\.(jpe?g|png)$ $1.webp [T=image/webp]
</IfModule>

<IfModule mod_headers.c>
    Header append Vary Accept env=REQUEST_image
</IfModule>

<IfModule mod_mime.c>
    AddType image/webp .webp
</IfModule>