圖片最佳化用途

本頁提供進階圖片處理行為、管道排序效果和圖片自動正規化規則的範例。

轉換順序

imop 查詢參數字串中的作業會從左到右依序執行，但 metadata 或 scale 會先執行，canvas 則會最後執行。由於每項作業都會直接影響前一項作業的視覺輸出內容，因此參數順序會影響衍生圖片的最終視覺品質和細節保留程度。

假設來源圖片的寬度和高度都是 1,000 像素：

範例：Resize，然後 Crop

https://www.example.com/image.jpg?imop=Resize,width=200;Crop,left=0.5

  1. 調整大小：原始 1000 x 1000 像素的圖片會調整為 200 x 200 像素 (維持 1:1 的顯示比例)。

  2. 裁剪：left=0.5 作業會裁剪已調整大小的圖片，只保留左半部。

結果：代表內容右側 50% 的 100 x 200 像素圖片。

範例：先按 Crop，再按 Resize

https://www.example.com/image.jpg?imop=Crop,left=0.5;Resize,width=200

  1. 裁剪：left=0.5作業會先擷取高解析度來源圖片右側的 50%，建立500 x 1000 px中間圖片 (將顯示比例變更為 1:2)。

  2. 調整大小：width=200 參數會調整這個中繼圖片的大小。 為保留新的 1:2 長寬比，高度會縮放至 400 像素。

結果：200 * 400 像素的最終圖片。

延展和放大行為

根據預設，圖片最佳化服務會強制執行嚴格的僅縮小策略，以節省邊緣傳輸頻寬並保護影像品質。如果要求的尺寸大於原始圖片，Cloud CDN 會忽略放大要求，並輸出原始大小的圖片。

如要覆寫這項行為並強制放大素材，您必須明確宣告 stretch 值。

升級的驗證規定

  • 雙重尺寸規則：只有在 Resize 作業中明確提供 width 和 height 參數時，才允許 stretch 值

  • 單一維度限制：如果您在定義單一維度 (例如 width 或 height) 時加入 scaling=stretch，圖片最佳化服務會拒絕整個要求。

例如，假設使用者要求系統 將文字從英文翻譯成法文

有效要求：?imop=resize,width=500,height=500,scaling=stretch

無效要求：?imop=resize,width=500, scaling=stretch

快取和快取撤銷

更新原始伺服器上的原始圖片時，您必須使快取版本失效，確保 Cloud CDN 擷取並提供更新後的資產。

快取行為

附加至圖片網址的每個轉換參數組合，都會在邊緣建立個別的專屬快取項目。為提升快取命中率，請避免建立過多不重複的參數變化。例如單一像素的變化。

Cloud CDN 會將快取金鑰正規化，無論轉換參數在查詢字串中的順序為何，都會將相同的轉換參數歸為一組。

失效行為

更新來源伺服器上的原始圖片時，您只需要為基本圖片網址提交單一失效要求。加強型 Cloud CDN 會自動清除快取中的原始圖片，以及所有自動產生的變體 (例如 WebP 或最佳化版本)。

變體失效的運作方式

使用與基本圖片網址相符的路徑模式發出快取撤銷要求時 (例如 /images/my-picture.jpg)，Cloud CDN 會自動識別並清除下列項目：

  • 原始快取來源圖片。

  • 先前產生的所有變體

您可以使用下列方式套用 Cloud CDN 快取撤銷：

  • Google Cloud 控制台：依序前往「網路服務」>「Cloud CDN」，選取來源，然後前往「快取失效」分頁。 Google Cloud 或者，前往「網路服務」>「負載平衡」，選取負載平衡器，然後使用「快取失效」分頁標籤。

  • Google Cloud CLI：使用 Google Cloud CLI compute url-maps invalidate-cdn-cache 指令。

  • 快取標記：建議使用快取標記管理最佳化圖片。您可以針對特定代碼發出失效要求，清除與該代碼相關聯的內容，進一步控管。

例如：

如要全域停用 /images/my-picture.jpg 和所有最佳化變體，請按照下列步驟操作：

  • 路徑：指定確切路徑 /images/my-picture.jpg。

  • 主機 (選用)：如要只清除特定網域的圖片，請指定主機。

提交後，這項單一動作會從全球邊緣快取中移除所有最佳化版本的圖片，確保使用者在下次要求時立即收到更新版本。

EXIF 中的色彩設定檔和圖片方向 (正規化)

現代智慧型手機和數位相機通常會儲存原始圖片，也就是未旋轉的像素格線，並依賴內嵌的 EXIF 方向標記，指示檢視裝置旋轉圖片。例如，如要將畫面旋轉成直向配置，請選取「順時針 90 度」。同樣地，內嵌的 ICC 色彩設定檔會定義不同螢幕的色彩顯示方式。

為確保作業可預測，圖片最佳化邊緣管道會在執行任何轉換作業前，自動將圖片標準化。

正規化程序

  • 執行轉換前，邊緣引擎會讀取 EXIF 方向標記和 ICC 色彩設定檔中繼資料，並實際套用至像素格線。這有助於確保後續 crop 和 resize 參數的座標可預測。

  • crop、resize 或 scale 等作業會根據實際的視覺尺寸正確執行，避免發生視覺錯誤。

  • 對核心像素套用調整項目後，Edge 引擎會從檔案中移除所有非必要的中繼資料，盡可能節省大小。除非中繼資料作業要求特定值，否則預設會保留 copyright。

後續步驟