久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线
Discuz! 官方交流社區
標題:
利用阿里云oss圖片處理和CDN邊緣規則，將圖轉為webp格式
[打印本頁]
作者:
麒微
時間:
2021-7-6 16:57
標題:
利用阿里云oss圖片處理和CDN邊緣規則，將圖轉為webp格式
本帖最后由 麒微 于 2021-7-6 17:05 編輯
概述
采用阿里云的圖片處理，將圖片加水印、調整大小、壓縮為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、配置水印機制
(, 下載次數: 129)
上傳
點擊文件名下載附件
3、配置圖片處理機制
(, 下載次數: 31)
上傳
點擊文件名下載附件
5、配置邊緣腳本
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)
}
復制代碼
(, 下載次數: 37)
上傳
點擊文件名下載附件
最后，如果實在不會配置的，可以聯系我們幫助
QQ 87883395
微信 tianlanyan
歡迎光臨 Discuz! 官方交流社區 (http://www.9999xn.com/)
Powered by Discuz! W1.0