在一些內容分享網站,一張原始圖片可能會根據業務的需要被縮放、裁剪、旋轉、壓縮等,若每次處理都需要回源,則會增加回源次數及CDN節點緩存。阿里云DCDN提供圖像處理功能,可直接在DCDN的L2節點對圖片進行處理,同時緩存處理后的圖片,能夠有效提升內容返回速度,減輕源站壓力,減少回源流量等。
阿里云CDN、DCDN和OSS的圖片處理都是獨立的功能,不能相互混用。
圖像處理為付費服務,公測期間暫不收費,收費時間另行通知。
圖像處理功能處于內測階段,您需提交工單。申請開通。
當您使用圖像處理功能時,由于不同圖片格式在壓縮算法上存在較大差異,因此不同圖片格式之間相互轉換可能會導致圖片體積變大,例如:jpeg轉webp、jpeg轉png、png轉webp。如果您需要降低圖片文件的體積,建議您通過調整質量參數
quality
降低圖片質量來實現。
適用場景
通過DCDN進行圖片處理,所有的圖片處理和緩存都通過DCDN節點完成,源站無感知。
下表為您列出了圖片處理常見的適用場景,適用場景較多,不僅限于以下場景。
適用場景 | 說明 |
電商平臺 |
|
社交軟件 |
|
在線教育 |
|
素材網站 |
|
功能優勢
圖片處理功能的優勢如下:
更快分發
原圖在回源節點被緩存后,邊緣觸發的多尺寸圖片訪問需求直接在回源節點進行圖片處理和分發,減少回源鏈路,更快到達邊緣。
減輕源站壓力
通過源站來處理圖片,將大量消耗源站的存儲和計算能力,增加了源站的維護成本。通過DCDN進行圖片處理,所有的圖片處理和緩存都通過DCDN節點完成,源站無感知。
提升刷新預熱效率
當原圖失效后,處理后的目標圖也會全部失效且無法訪問,對圖片進行處理可降低提交刷新預熱的次數和回源的帶寬,加速新圖片的更新,避免原圖和目標圖訪問失效問題。
邊緣需求定制
通過圖片處理參數對圖片進行控制,可以根據不同的瀏覽器和客戶端版本定制不同的圖片處理需求,滿足不同的業務需求。
使用限制
使用圖片處理功能時有如下限制:
原圖限制
圖片格式只支持JPEG、JPG、PNG、WebP、BMP、GIF、TIFF、JPEG 2000。
原圖大小不能超過10 MB。
原圖的寬×高不能超過16,777,216 px。
說明若圖片為GIF格式時,GIF圖片的原圖寬×高為所有幀相加之和,您可以使用ImageMagick等工具查看GIF圖片的幀信息。
處理后的圖片限制
圖片的寬×高不能超過16,777,216 px。
轉WebP格式時,圖片的寬×高不能超過16,777,216 px,且寬和高單邊均不能超過16,384 px。如果原圖為動圖,轉WebP格式時會被轉換為靜態圖片。
圖像處理操作方法
開通圖像處理
圖像處理功能處于內測階段,您需提交工單。申請開通。
開啟圖像處理
登錄DCDN控制臺。
在左側導航欄,單擊域名管理。
在域名管理頁面,單擊目標域名對應的配置。
在指定域名的左側導航欄,單擊性能優化。
在圖像處理區域框中,打開圖像處理開關,選擇您需要轉換的圖片類型。
說明選擇支持的圖片類型后,表示開啟圖片處理功能。開啟圖像處理后,通過文件URL處理圖片時,URL中攜帶的圖像處理參數才會生效,否則為無效參數。
控制臺上是否開啟自適應WEBP、圖片自動旋轉(僅自動調正功能)和圖片自動瘦身功能,根據自身業務決定。
參數
說明
支持轉換的圖片類型
選擇您需要轉換的圖片類型(必選參數,可多選)。
自適應WEBP
開啟后,通過對請求頭Accept進行判斷,如果請求頭Accept包含
image/webp
,則CDN會將其他格式圖片自動轉換為WEBP格式進行緩存。說明開啟該功能后,短時間內會導致命中率下降,過后會自動恢復正常,請勿在業務高峰期開啟。
圖片自動旋轉
開啟圖片自動旋轉,可自動調正圖片,方便用戶查看。
說明圖片自動旋轉只對帶有旋轉參數
auto-orient
的圖片生效。開啟該功能后,短時間內會導致命中率下降,過后會自動恢復正常,請勿在業務高峰期開啟。
圖片自動瘦身
開啟后(默認不開啟),在不改變分辨率、尺寸和格式的前提下對圖片進行壓縮,節省訪問流量。
0(默認值):表示不開啟。
1~100:表示開啟。例如,填寫90%表示保留原圖質量的90%。
說明僅支持JPEG和WEBP格式。
原圖緩存
當一個原圖存在多個轉換后副本時,開啟原圖緩存將減少回源次數。
單擊確定。
通過文件URL處理圖片
已選擇支持轉換的圖片類型,請參考開啟圖像處理。
通過請求URL傳參來完成自定義功能。
格式:
http://example.com/image_01.png?image_process=action,param_value/action,param_value
字段
說明
example.com
您的DCDN加速域名。
image_01.png
圖片名稱。
image_process
image_process為固定參數,標明使用圖片處理參數對圖片文件進行處理。
action,param_value
圖片處理的操作(action)、參數(param)和值(value),用于定義圖片處理的方式。多個操作以正斜線(/)隔開,DCDN將按圖片處理參數的順序處理圖片。圖片處理支持的參數,請參見圖像處理轉換參數。
示例:
http://example.com/image_01.png?image_process=resize,w_200/rotate,90/format,webp
圖片處理效果:圖片先按比例縮放至寬200 px,再將圖片旋轉90°,最終保存為WEBP格式。
圖像處理轉換參數
通過在請求URL中添加圖片處理參數可實現更豐富的圖像處理功能。DCDN支持攜帶一個或多個轉換參數處理圖片,支持的參數請參見下表。
圖片處理功能 | 轉換參數 | 說明 |
format | 轉換圖片格式。 | |
quality | 調整圖片的質量。 | |
crop | 裁剪指定大小的圖片。 | |
resize | 將圖片縮放至指定大小(目前只支持將原圖縮小處理,暫不支持將原圖放大處理)。 | |
| 將攜帶旋轉參數的圖片進行自適應旋轉或按指定角度以順時針方向旋轉圖片。 | |
| 調整圖片的亮度、對比度和清晰度。 | |
watermark | 為圖片添加圖片水印或文字水印。 | |
info | 獲取圖片信息,包括圖片的長、寬、高、圖片格式和圖片質量等信息。 |