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

CDN OptiPic — 解决问题的简单方法 "Serve images in next-gen formats"
智能WebP即时转换
OptiPic CDN尝试从中请求图像时会做什么?:
  • 返回图像的WebP版本.
    如果浏览器支持WebP格式
  • 返回不带webp的压缩版本
    如果浏览器不支持WebP
  • 响应手机屏幕
    如果图片是通过手机打开的
  • 缓存并加快加载
    减轻主机托管的负担
  • 保护您的图像
    通过 EXIF 和 IPTC 标签保护版权
  • 使用您自己的
    域名
    从 img.domain.com 等加载图像
  • 延迟加载
    图片
    滚动页面时加载图像
转换为Webp并在后台进行图像压缩,并且不会减慢浏览器中图像的打开速度。
如果在请求图像时尚未提供优化版本,则将返回原始版本,而不进行任何处理。
什么能够优化网站上的图像
  • 加速网站
  • 改善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
图书馆开 GitHub
根据要求免费集成

选项 #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 加载
获得免费集成
即使是免费关税

选项 #4: 只需更改您网站上图像的URL!

它没有优化

<img src="/upload/foo/bar/image.png">

它已经
自动优化

<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">
XXXXXX — 您的CDN OptiPic帐户中的站点ID

立即开始使用免费软件包

一次性付款 — 没有月付款

购买的包裹在月底不会烧毁 - 提前几个月购买是有利的
您需要从CDN图像中付费观看。 使用的总成本取决于您网站的流量。 平均而言,这是每1,000,000张图片观看1.5美元起。
第一个10,000次观看的演示是免费的。
10,000
视图

免费

1,000,000
视图

$ 10.00 $ 7.00

2,000,000
视图

$ 14.00 $ 10.00

5,000,000
视图

$ 24.00 $ 18.00

10,000,000
视图

$ 40.00 $ 30.00

20,000,000
视图

$ 74.00 $ 55.00

50,000,000
视图

$ 165.00 $ 123.00

80,000,000
视图

$ 235.00 $ 176.00

100,000,000
视图

$ 282.00 $ 211.00

我们 建议

189 评论

OptiPic可轻松与其他平台集成

?