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

Question

I have a problem with my project. I want to optimize images on it. I tried to convert images to .webp, but I found that it not supported by browsers.

When I test my website on PageSpeedInsight of Google, it's given me warning about images and I need to compress them. and at the same time, he gives me the new compress picture, perfectly and with small size.

But I try to do that with PHP, but I can't get the same result of google page Insight.

Message from pageSpeedInsight:

Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression than PNG or JPEG, which means faster downloads and less data consumption

Is there any best solution to optimize images? I use a native PHP framework (MVC).

Answer 1

You can install Intervention Image library, to convert your images to WEBP format.

And use .htaccess to show the webp images when server supports, cuz not all browsers support WEBP images. In this case, you must have a copy of the image in other common extension (jpg, png) and you can compress with 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>