影像處理功能對涉及到圖片的所有App和網站都開放，開通後即可使用影像處理功能。您可以根據本文介紹的影像處理操作方法傳入縮放、裁剪、旋轉等指定參數處理圖片，以滿足多種業務情境下的圖片需求。

影像處理開通流程

说明 影像處理為付費服務，當前免費使用，收費時間另行通知。
  1. 登入 CDN控制台。
  2. 在左側導覽列，單擊 域名管理。
  3. 在 域名管理頁面，單擊目標網域名稱對應的 管理 。
  4. 在指定網域名稱的左側導覽列，單擊 性能优化。
  5. 在 影像處理 地區框中，開啟 影像處理 開關。
  6. 根據介面提示，配置影像處理資訊。
    參數 說明
    支援轉換的圖片類型 選擇支援轉換的圖片類型，影像處理支援的圖片類型有JPEG、PNG、WebP、BMP、GIF、TIFF、JPEG 2000。
    自適應WEBP 選擇是否開啟 自適應WEBP 。開啟 自適應WEBP ，可將其他格式圖片自動轉換為WEBP格式。
    注意 開啟該功能後，短時間內會導致命中率下降，過後會自動回復正常，請勿在業務高峰期開啟。
    圖片自動旋轉 選擇是否開啟 圖片自動旋轉 。圖片自動旋轉只對帶有旋轉參數的圖片生效，開啟 圖片自動旋轉 ，可自動調正圖片。
    注意 開啟該功能後，短時間內會導致命中率下降，過後會自動回復正常，請勿在業務高峰期開啟。
    圖片自動瘦身 圖片自動瘦身僅支援JPEG和WEBP格式，開啟圖片自動瘦身可以在不改變原圖的寬×高和格式的前提下對圖片進行壓縮，節省訪問流量。
    您可以選擇是否開啟 圖片自動瘦身 ，預設為開啟狀態，90%指保留原圖的90%。
    • 100%：表示不開啟。
    • 非100%：表示開啟。
  7. 單擊 確定 ，完成開通。
    成功開通影像處理功能後，您需要根據下方的影像處理操作方法傳入指定參數對圖片進行處理。

影像處理操作方法

影像處理操作方法說明

CDN支援邊緣圖片處理，處理的類型以參數形式傳入。圖片處理的請求參數為 image_process ，支援攜帶多個轉換參數，例如 crop 、 rotate 等，多個轉換參數用正斜線（/）分隔，CDN將按影像處理轉換參數的順序處理圖片。例如 image_process=resize,w_200/rotate,90 表示將圖片先按比例縮放至寬200 px，再將圖片旋轉90°。
  • 處理方法： image_process=action1,param_value1/action2,param_value2 。
  • 操作樣本： image_process=resize,l_200/quality,q_90/format,webp 。

通過圖片的訪問URL處理圖片

您可以在圖片的訪問URL後添加相應的圖片處理參數處理圖片，具體如下：
  • 格式： http://example.com/example.jpg?image_process=action,param_value
    • example.com ：您的CDN加速網域名稱。
    • example.jpg ：圖片名稱。
    • image_process ：固定參數，標明使用圖片處理參數對圖片檔案進行處理。
    • action,param_value ：影像處理的操作（action）即轉換參數、參數（param）和值（value），用於定義圖片處理的方式。影像處理支援的轉換參數，請參見 影像處理轉換參數。
  • 樣本： http://example.com/example.jpg?image_process=resize,w_200/rotate,90

影像處理轉換參數

CDN支援攜帶一個或多個轉換參數處理圖片，下表為您匯總了圖片處理的轉換參數，您可以根據實際需求，對CDN上的原圖進行處理。
圖片處理功能 轉換參數 說明
格式轉換 format 轉換圖片格式。
品質轉換 quality 調整圖片品質。
圖片裁剪 crop 裁剪指定大小的圖片。
圖片縮放 resize 將圖片縮放至指定大小。
圖片旋轉
  • 圖片自動旋轉：auto-orient
  • 指定旋轉方向：rotate
 將攜帶旋轉參數的圖片進行自適應旋轉或按指定角度以順時針方向旋轉圖片。
圖片色彩
  • 圖片亮度：bright
  • 圖片對比：contrast
  • 圖片銳利化：sharpen
 調整圖片的亮度、對比和清晰度。
浮水印管理 watermark 為圖片添加圖片浮水印或文字浮水印。
擷取資訊 info 擷取圖片資訊，包括圖片的長、寬、高、圖片格式和圖片品質等資訊。