如何将所有图像转换为WebPWolf CMS

Name: 不明确的 的模塊。 根據Google PageSpeed Insights的要求智能轉換為WebP並優化網站圖片
Brand: OptiPic
SKU: OptiPic CDN
Price: 7 USD
Availability: InStock
Rating: 4.71 (189 reviews)

CDN OptiPic — 解决问题的简单方法 "Serve images in next-gen formats"

根据建议
Google PageSpeed Insights

轻松连接
5 分钟内

免费技术支持
+ 安装帮助

智能WebP即时转换

OptiPic CDN尝试从中请求图像时会做什么？:

返回图像的WebP版本.
如果浏览器支持WebP格式
返回不带webp的压缩版本
如果浏览器不支持WebP
响应手机屏幕
如果图片是通过手机打开的
缓存并加快加载
减轻主机托管的负担
保护您的图像
通过 EXIF 和 IPTC 标签保护版权
使用您自己的
域名
从 img.domain.com 等加载图像
延迟加载
图片
滚动页面时加载图像

转换为Webp并在后台进行图像压缩，并且不会减慢浏览器中图像的打开速度。
如果在请求图像时尚未提供优化版本，则将返回原始版本，而不进行任何处理。

如何连接到Wolf CMS

什么能够优化网站上的图像

加速网站
改善SEO
提高转化率
提高 Google
Pagespeed Insights

如何将OptiPic CDN连接到 Wolf CMS?

选项 #1: 通过通用连接 PHP (GitHub 图书馆)

网站上图像的URL自动更改。仅向您的行添加1行就足够了 .htaccess 要么 php.ini.

通过连接示例 `.htaccess`

php_value auto_prepend_file "<SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php"

通过连接示例 `php.ini`

; Automatically add files before PHP document.
; http://php.net/auto-prepend-file
auto_prepend_file = <SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php

我们的php库的文档和示例 GitHub
获得免费的连接帮助
检查图像是否通过 OptiPic CDN 加载
CDN：文档中图像的 URL 转换器

根据要求免费集成

选项 #2: 通过Nginx代理进行通用连接

网站上图像的URL不变。刚才所有图像流量都自动转到OptiPic CDN

# OptiPic CDN: insert it into the Server structure
location  ~* \.(png|jpg|jpeg)$ {
    resolver 8.8.8.8; # Google DNS
    set $cdn_host_value "cdn.optipic.io";
    set $from_optipic "yes"; # to disable CDN OptiPic - set "no" value
    if ($arg_no_optipic) {
        set $from_optipic "no";
        set $cdn_host_value $host;
    }
    
    proxy_redirect     off;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $cdn_host_value;
    
    if ($from_optipic = "yes") {
        rewrite ^/(.*) /site-XXXXXX/$1 break;
        proxy_pass http://$cdn_host_value;
    }
    
    # get-param ?no_optipic=1 - get image from your hosting directly (without CDN OptiPic)
    try_files $uri 404;
}

XXXXXX — 您的CDN OptiPic帐户中的站点ID
强烈建议您在重新启动nginx之前检查新版本配置的正确性。您可以使用以下命令执行此操作 nginx -t.
Nginx可以通过命令进行软重载（重新读取配置） nginx -s reload
Nginx代理文档
获得免费的连接帮助
检查图像是否通过 OptiPic CDN 加载

获得免费集成

即使是免费关税

选项 #3: 通过 `.htaccess` 连接（Apache 代理）

网站上图像的URL不变。刚才所有图像流量都自动转到OptiPic CDN

#---------------------------------------
# OptiPic CDN 
# Requires enabled Apache modules: `rewrite`, `proxy_module` and `proxy_http_module`
# Add new 'IfModule mod_rewrite.c' block or inject into exist one
# Get support: https://optipic.io/get-free-help/?cdn=1
<IfModule mod_rewrite.c>
    RewriteEngine On
    SSLProxyEngine On

    RewriteCond %{QUERY_STRING} !no_optipic=
    RewriteRule "^(.*)\.(jpg|jpeg|png)$" "http://cdn.optipic.io/site-XXXXXX/$1.$2" [P]
</IfModule>
#----------------------------------------

XXXXXX — 您的CDN OptiPic帐户中的站点ID
在修改 .htaccess 之前，我们强烈建议您对该文件进行备份，并确保您可以通过 FTP 访问该文件。
获得免费的连接帮助
检查图像是否通过 OptiPic CDN 加载

获得免费集成

即使是免费关税