圖片處理操作方法
如果有圖片自適應(yīng)WEBP、自動旋轉(zhuǎn)(僅自動調(diào)正功能)和自動瘦身需求,可通過控制臺直接開啟;您也可以通過在請求URL中添加圖片處理參數(shù),對圖片文件進(jìn)行更豐富的處理,例如圖片裁剪、圖片添加水印等。
阿里云CDN、DCDN和OSS的圖片處理都是獨(dú)立的功能,不能相互混用。
圖像處理為付費(fèi)服務(wù),公測期間暫不收費(fèi),收費(fèi)時(shí)間另行通知。
當(dāng)您使用圖像處理功能時(shí),由于不同圖片格式在壓縮算法上存在較大差異,因此不同圖片格式之間相互轉(zhuǎn)換可能會導(dǎo)致圖片體積變大,例如:jpeg轉(zhuǎn)webp、jpeg轉(zhuǎn)png、png轉(zhuǎn)webp。如果您需要降低圖片文件的體積,建議您通過調(diào)整質(zhì)量參數(shù)
quality
降低圖片質(zhì)量來實(shí)現(xiàn)。
開啟圖像處理
登錄CDN控制臺。
在左側(cè)導(dǎo)航欄,單擊域名管理。
在域名管理頁面,找到目標(biāo)域名,單擊操作列的管理。
在指定域名的左側(cè)導(dǎo)航欄,單擊性能優(yōu)化。
在圖像處理區(qū)域框中,打開圖像處理開關(guān),選擇您需要轉(zhuǎn)換的圖片類型。
說明選擇支持的圖片類型后,表示開啟圖片處理功能。開啟圖像處理后,通過文件URL處理圖片時(shí),URL中攜帶的圖像處理參數(shù)才會生效,否則為無效參數(shù)。
控制臺上是否開啟自適應(yīng)WEBP、圖片自動旋轉(zhuǎn)(僅自動調(diào)正功能)和圖片自動瘦身功能,根據(jù)自身業(yè)務(wù)決定。
參數(shù)
說明
支持轉(zhuǎn)換的圖片類型
選擇您需要轉(zhuǎn)換的圖片類型(必選參數(shù),可多選)。
自適應(yīng)WEBP
開啟后,通過對請求頭Accept進(jìn)行判斷,如果請求頭Accept包含
image/webp
,則CDN會將其他格式圖片自動轉(zhuǎn)換為WEBP格式進(jìn)行緩存。說明開啟該功能后,短時(shí)間內(nèi)會導(dǎo)致命中率下降,過后會自動恢復(fù)正常,請勿在業(yè)務(wù)高峰期開啟。
圖片自動旋轉(zhuǎn)
開啟圖片自動旋轉(zhuǎn),可自動調(diào)正圖片,方便用戶查看。
說明圖片自動旋轉(zhuǎn)只對帶有旋轉(zhuǎn)參數(shù)
auto-orient
的圖片生效。開啟該功能后,短時(shí)間內(nèi)會導(dǎo)致命中率下降,過后會自動恢復(fù)正常,請勿在業(yè)務(wù)高峰期開啟。
圖片自動瘦身
開啟后(默認(rèn)不開啟),在不改變分辨率、尺寸和格式的前提下對圖片進(jìn)行壓縮,節(jié)省訪問流量。
0(默認(rèn)值):表示不開啟。
1~100:表示開啟。例如,填寫90%表示保留原圖質(zhì)量的90%。
說明僅支持JPEG和WEBP格式。
原圖緩存
當(dāng)一個(gè)原圖存在多個(gè)轉(zhuǎn)換后副本時(shí),開啟原圖緩存將減少回源次數(shù)。
單擊確定,完成開通。
通過文件URL處理圖片
已選擇支持轉(zhuǎn)換的圖片類型,請參考開啟圖像處理。
通過請求URL傳參來完成自定義功能。
格式:
http://example.com/image_01.png?image_process=action,param_value/action,param_value
字段
說明
example.com
您的CDN加速域名。
image_01.png
圖片名稱。
image_process
image_process為固定參數(shù),標(biāo)明使用圖片處理參數(shù)對圖片文件進(jìn)行處理。
action,param_value
圖片處理的操作(action)、參數(shù)(param)和值(value),用于定義圖片處理的方式。多個(gè)操作以正斜線(/)隔開,CDN將按圖片處理參數(shù)的順序處理圖片。圖片處理支持的參數(shù),請參見圖片處理參數(shù)。
示例:
http://example.com/image_01.png?image_process=resize,w_200/rotate,90/format,webp
圖片處理效果:圖片先按比例縮放至寬200 px,再將圖片旋轉(zhuǎn)90°,最終保存為WEBP格式。
支持的圖片處理參數(shù)
通過在請求URL中添加圖片處理參數(shù)可實(shí)現(xiàn)更豐富的圖像處理功能。CDN支持?jǐn)y帶一個(gè)或多個(gè)轉(zhuǎn)換參數(shù)處理圖片,支持的參數(shù)請參見下表。
圖片處理功能 | 處理參數(shù) | 說明 |
format | 轉(zhuǎn)換圖片格式。 | |
quality | 調(diào)整圖片質(zhì)量。 | |
crop | 裁剪指定大小的圖片。 | |
resize | 將圖片縮放至指定大小(目前只支持將原圖縮小處理,暫不支持將原圖放大處理)。 | |
| 將攜帶旋轉(zhuǎn)參數(shù)的圖片進(jìn)行自適應(yīng)旋轉(zhuǎn)或按指定角度以順時(shí)針方向旋轉(zhuǎn)圖片。 | |
| 調(diào)整圖片的亮度、對比度和清晰度。 | |
watermark | 為圖片添加圖片水印或文字水印。 | |
info | 獲取圖片信息,包括圖片的長、寬、高、圖片格式和圖片質(zhì)量等信息。 |