Discuz!应用商城(DisMall)Discuz!应用商城(DisMall)

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 739|回复: 0

利用阿里云oss图片处理和CDN边缘规则,将图转为webp格式

[复制链接]

16

主题

104

帖子

306

积分

开发者

Rank: 6Rank: 6Rank: 6

贡献
1 点
金币
160 个
QQ
发表于 2021-7-6 16:57:44 | 显示全部楼层 |阅读模式


概述
  • 采用阿里云的图片处理,将图片加水印、调整大小、压缩为webp格式(无损压缩图片平均到原大小三分之一)
  • 图片体积大幅减少,大概能减少三分之二。
  • 提升网站打开速度
  • 节省网站流量成本。
  • 全oss的bucket(桶)支持原图保护
  • 全oss的bucket(桶)支持水印机制
  • 全oss的bucket(桶)支持图片压缩
  • 支持如果浏览器不支持webp格式,自动降级为原格式。
  • 压缩支持GIF格式  效果参考又拍云的说明 https://www.upyun.com/webp


需要用到的技术


配置方法
1、安装上述的插件,或者其他友商oss插件。(我司插件需要关闭插件自带的水印机制)
2、配置水印机制
123.jpg
3、配置图片处理机制
1234.jpg
5、配置边缘脚本
  1. m1 = and($http_accept, match_re($http_accept, '.*image\/webp.*'))
  2. m2 = match_re($uri, '.+(.JPEG|.jpeg|.JPG|.jpg|.PNG|.png|gif|GIF)(\?.*)?)
  3. if and(m1, m2) {
  4.     rewrite(concat($uri, '/webp?', $args), 'enhance_break', 301)
  5. }
  6. if and(m2, not(m1)) {
  7.     rewrite(concat($uri, '/safe?', $args), 'enhance_break', 301)
  8. }
复制代码


3.png


最后,如果实在不会配置的,可以联系我们帮助
  • QQ  87883395
  • 微信 tianlanyan

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz!应用中心 ( 皖ICP备16010102号 )|网站地图star

GMT+8, 2022-5-18 04:49 , Processed in 0.026529 second(s), 13 queries , Yac On.

Powered by Discuz!

Copyright © Tencent Cloud.

快速回复 返回顶部 返回列表