如何将所有图像转换为WebPTiny Admin

CDN OptiPic — 解决问题的简单方法 "Serve images in next-gen formats"
智能WebP即时转换
OptiPic CDN尝试从中请求图像时会做什么?:
  • 返回图像的WebP版本.
    如果浏览器支持WebP格式
  • 返回不带webp的压缩版本
    如果浏览器不支持WebP
  • 响应手机屏幕
    如果图片是通过手机打开的
  • 缓存并加快加载
    减轻主机托管的负担
转换为Webp并在后台进行图像压缩,并且不会减慢浏览器中图像的打开速度。
如果在请求图像时尚未提供优化版本,则将返回原始版本,而不进行任何处理。
什么能够优化网站上的图像
  • 加速网站
  • 改善SEO
  • 提高转化率
  • 提高 Google
    Pagespeed Insights

如何将OptiPic CDN连接到 Tiny Admin?

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

网站上图像的URL不变。 刚才所有图像流量都自动转到OptiPic CDN
# OptiPic CDN: insert it before the Server structure
upstream cdn_optipic { server cdn.optipic.io; }

# OptiPic CDN: insert it into the Server structure
location  ~* \.(png|jpg|jpeg)$ {
    set $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 $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 $host_value;
    
    if ($from_optipic = "yes") {
        rewrite ^/(.*) /site-XXXXXX/$1 break;
        proxy_pass http://cdn_optipic;
    }
    
    # get-param ?no_opitpic=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代理文档
获得免费的连接帮助
t37
获得免费集成
即使是免费关税

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

它没有优化

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

它已经
自动优化

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

立即开始使用免费软件包

一次性付款 — 没有月付款
h2-sub

您需要从CDN图像中付费观看。 使用的总成本取决于您网站的流量。 平均而言,这是每1,000,000张图片观看1.5美元起。
第一个100,000次观看的演示是免费的。
100,000
показов

免费

1,000,000
показов

$ 10.00 $ 5.00

2,000,000
показов

$ 14.00 $ 7.00

5,000,000
показов

$ 24.00 $ 12.00

10,000,000
показов

$ 40.00 $ 20.00

20,000,000
показов

$ 74.00 $ 37.00

我们 建议

整体评价 — 4.55 (122 评论)

OptiPic可轻松与其他平台集成

?