·设为首页收藏本站📧邮箱修改🎁免费下载专区🔐设置/修改密码👽群雄群聊
返回列表 发布新帖

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

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

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


需要用到的技术
    阿里oss附件云存储 https://addon.dismall.com/plugins/zhanmishu_storage.html  (其他友商插件也支持哦~~)阿里云cdn边缘脚本阿里云图片处理技术


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

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


最后,如果实在不会配置的,可以联系我们帮助
    QQ  87883395微信 tianlanyan
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图

您的IP:3.131.110.169,125.74.1.64,GMT+8, 2024-4-27 07:48 , Processed in 0.201269 second(s), 77 queries , Gzip On, Redis On.

Based on Discuz! W1.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表