智慧型影像處理技術運用Adobe Sensei AI功能,並可與現有的「影像預設集」搭配使用。 它能根據用戶端瀏覽器功能自動最佳化影像格式、大小和品質,進而提升影像傳送效能。
現在,借助AVIF和WebP支援的增強智慧影像功能,獲得LCP(最大的內容塗料)更好的Google核心Web重要分數。
智慧型影像處理需要您使用隨附於Adobe Experience Manager - Dynamic Media的現成可用CDN(內容傳遞網路)。 此功能不支援任何其他自訂CDN。
與Adobe同級最佳的CDN(內容傳遞網路)服務充分整合,可提升效能,讓智慧型影像處理受益匪淺。 此服務可在伺服器、網路和互連點之間找到最佳的Internet路由。 它找到的路由延遲最低,丟包率最低,而不是使用網際網路上的預設路由。
下列影像資產範例將說明新增的智慧型影像處理最佳化:
影像(URL) | 縮圖 | 大小(JPEG) | 大小(WebP),帶智慧影像 | Size(AVIF),帶智慧影像 | 使用WebP減少% | AVIF減少% |
---|---|---|---|---|---|---|
影像1 | ![]() |
145 KB | 106 KB | 90.2 KB | 26.89% | 37.79% |
影像2 | ![]() |
412 KB | 346 KB | 113 KB | 16.01% | 72.57% |
影像3 | ![]() |
221 KB | 189 KB | 87.1 KB | 14.47% | 60.58% |
影像4 | ![]() |
594 KB | 545 KB | 286 KB | 8.25% | 51.85% |
與上方類似,Adobe也會以較大的範例集執行測試。 AVIF格式比WebP提供了20%的額外尺寸縮減,比JPEG減少27%。 視覺質量相同。 AVIF總計比JPEG平均縮小41%。
比較WebP和AVIF與PNG,WebP和AVIF的大小可減少84%,AVIF可減少87%。 此外,由於WebP和AVIF格式都支援透明和多個影像動畫,因此非常適合替換透明的PNG和GIF檔案。
另請參閱 使用新一代影像格式(WebP和AVIF)進行影像優化
智慧影像處理可根據使用中的用戶端瀏覽器、裝置顯示和網路條件,自動最佳化影像檔案大小,提供更佳的影像傳送效能。 由於影像是頁面載入時間的大部分,因此任何效能改善都可能對業務KPI產生深遠影響,例如較高的轉換率、網站逗留時間以及較低的網站跳出率。
最新智慧影像處理的最新主要優點包括:
bfc
)dpr
)network
)透過附加 bfc=on
至影像URL會自動將JPEG和PNG轉換為有損AVIF、有損WebP、有損JPEGXR、有損JPEG2000(針對不同瀏覽器)。 對於不支援這些格式的瀏覽器,智慧型影像處理會繼續提供JPEG或PNG。 新格式的品質會由智慧型影像處理重新計算。
智慧型影像也可以透過附加 bfc=off
至影像的URL。
另請參閱 bfc 在Dynamic Media影像提供與轉譯API中。
裝置像素比率(DPR)(也稱為CSS像素比率)是裝置的物理像素與邏輯像素之間的關係。 特別是隨著視網膜螢幕的出現,現代移動設備的像素解析度正以快速的速度增長。
啟用「裝置像素比率」最佳化可讓影像以螢幕的原生解析度呈現,使其看起來清晰。
目前,顯示器的像素密度來自Akamai CDN標頭值。
影像URL中的允許值 | 說明 |
---|---|
dpr=off |
在個別影像URL層級關閉DPR最佳化。 |
dpr=on,dprValue |
使用自訂值(由任何用戶端邏輯或其他方法偵測)覆寫智慧型影像偵測到的DPR值。 的允許值 dprValue 是大於0的任何數字。 |
dpr=on,dprValue
即使公司層級DPR設為「關閉」。請求的影像大小 | 裝置像素比率(dpr)值 | 傳遞的影像大小 |
---|---|---|
816 x 500 | 1 | 816 x 500 |
816 x 500 | 2 | 1632 x 1000 |
開啟網路頻寬會自動根據實際網路頻寬調整提供的影像質量。 對於較差的網路頻寬,DPR(設備像素比)優化將自動關閉,即使它已開啟。
如果需要,您的公司可以借由附加 network=off
至影像的URL。
影像URL中的允許值 | 說明 |
---|---|
network=off |
在個別影像URL層級關閉網路最佳化。 |
DPR和網路頻寬值以所偵測到的套裝CDN用戶端值為基礎。 這些值有時不準確。 例如,DPR為2的iPhone5和DPR為2的iPhone12 dpr=3
,均顯示 dpr=2
. 不過,對於高解析度設備,發送 dpr=2
比發送好 dpr=1
. 但是,克服這種不正確的最佳方式,是使用用戶端DPR來提供100%的精確值。 它適用於任何裝置,無論是Apple或其他啟動的裝置。 請參閱 使用具有用戶端裝置像素比的智慧型影像.
qlt
)。否. 智慧影像處理隨附於您現有的授權。 Dynamic Media Classic或Experience Manager- Dynamic Media(內部部署、AMS和Experience Manageras a Cloud Service)適用此規則。
Dynamic Media — 混合客戶無法使用智慧影像處理。
當消費者要求影像時,智慧影像處理會檢查使用者特性,並根據使用中的瀏覽器將其轉換為適當的影像格式。 這些格式轉換的執行方式不會降低視覺逼真度。 智慧型影像會以下列方式根據瀏覽器功能自動將影像轉換為不同格式。
如果原始影像大小小於智慧型影像產生的大小,則會提供原始影像。
智慧影像處理支援下列影像格式:
對於JPEG影像檔案格式,智慧影像處理會重新計算新格式的品質。
對於支援PNG等透明度的影像檔案格式,您可以配置智慧影像處理來傳送有損的AVIF和WebP。 對於有損格式轉換,智慧影像會使用影像URL中提及的品質,或使用Dynamic Media公司帳戶中設定的品質。
智慧型影像處理可與您現有的影像預設集搭配使用,並觀察您的所有影像設定。 變更的是影像格式、品質設定或兩者。 對於格式轉換,智慧影像處理會根據影像預設集設定所定義的完整視覺逼真度,但檔案大小較小。
例如,假設已使用JPEG格式定義影像預設集,大小為500 x 500,品質=85,遮色片=0.1,1,5。 當智慧型影像處理偵測到使用者位於Chrome瀏覽器上時,影像會轉換為WebP格式,大小為500 x 500,而在WebP品質下,遮色片為0.1,1,5,遮色片會盡可能接近符合85的JPEG品質。 會比較該WebP轉換的佔用空間與JPEG,並傳回兩者中較小者。
否. 智慧型影像處理可順暢地與您現有的影像URL和影像預設集搭配運作。 此外,智慧影像處理不需要您將程式碼新增至網站以偵測使用者的瀏覽器。 所有這些功能都會自動處理。
智慧型影像處理可透過HTTP或HTTPS傳送的影像。 此外,它也可透過HTTP/2運作。
若要使用智慧影像處理,您公司的Dynamic Media Classic或Dynamic MediaExperience Manager帳戶必須符合下列需求:
images.company.com
或 mycompany.scene7.com
),而非一般網域(例如 s7d1.scene7.com
, s7d2.scene7.com
,或 s7d13.scene7.com
)。若要尋找您的網域,請開啟 Dynamic Media Classic案頭應用程式,然後登入您的公司帳戶或帳戶。
前往 設定 > 應用程式設定 > 一般設定. 尋找標示為的欄位 已發佈的伺服器名稱. 如果您目前使用一般網域,可以要求移至您自己的自訂網域。 在提交支援案例時提出此轉變請求。
使用Dynamic Media授權,您的第一個自訂網域不需額外付費。
您可以啟動使用智慧影像處理的請求;不會自動啟用。
建立支援案例,如下所述。 在您的支援案例中,請務必提及您要在帳戶上啟用的下列智慧影像處理功能(一或多個):
如果您已使用WebP啟用智慧影像處理,但想要如上所述的其他新功能,則必須建立支援案例。
若要建立支援案例以在您的帳戶上啟用智慧影像處理:
在您的支援案例中提供下列資訊:
主要聯繫人姓名、電子郵件、電話。
列出您要在帳戶上啟用的下列智慧影像處理功能(一個或多個):
要啟用智慧映像的所有域(即 images.company.com
或 mycompany.scene7.com
)。
若要尋找您的網域,請開啟 Dynamic Media Classic案頭應用程式,然後登入您的公司帳戶或帳戶。
前往 設定 > 應用程式設定 > 一般設定.
尋找標示為的欄位 已發佈的伺服器名稱.
確認您是透過Adobe使用CDN,而非以直接關係進行管理。
確認您使用的是專用網域,例如 images.company.com
或 mycompany.scene7.com
,而非一般網域,例如 s7d1.scene7.com
, s7d2.scene7.com
, s7d13.scene7.com
.
若要尋找您的網域,請開啟 Dynamic Media Classic案頭應用程式,然後登入您的公司帳戶或帳戶。
前往 設定 > 應用程式設定 > 一般設定.
尋找標示為的欄位 已發佈的伺服器名稱. 如果您目前使用一般Dynamic Media Classic網域,可以請求移轉至您自己的自訂網域,作為此轉變的一部分。
指出是否希望它透過HTTP/2運作。
Adobe客戶支援會根據提交請求的順序將您添加到智慧映像客戶等待清單中。
當Adobe準備好處理您的請求時,客戶支援會聯絡您以協調並設定目標日期。
可選:您可以選擇在測試環境中測試智慧影像,然後Adobe將新功能推送至生產環境。
客戶支援在完成後通知您。
為最大程度提升智慧型影像處理的效能,Adobe建議將存留時間(TTL)設為24小時或更長。 TTL會定義CDN快取資產的時間長度。 要更改此設定:
系統會根據等待清單,依客戶支援接收請求的順序處理請求。
啟用智慧影像處理需要Adobe清除快取,因此可能需要較長的前置時間。 因此,在任何指定時間都只能處理少數客戶轉變。
客戶網頁沒有風險。 不過,轉換至智慧型影像處理確實會清除CDN快取。 此操作涉及在Experience Manager上移至Dynamic Media Classic或Dynamic Media的新設定。
在初始轉變期間,非快取的影像會直接點擊Adobe的原始伺服器,直到重新建置快取為止。 因此,Adobe計劃一次處理一些客戶轉變,以在從來源提取請求時維持可接受的效能。 對於大部分的客戶,快取會在約1至2天內,於CDN中重新完全建立。
使用智慧型影像處理設定帳戶後,請在瀏覽器上載入Dynamic Media Classic或Adobe Experience Manager - Dynamic Media影像URL。
開啟Chrome開發人員窗格,方法是前往 檢視 > 開發人員 > 開發人員工具 在瀏覽器中。 或者,選擇您選擇的任何瀏覽器開發人員工具。
開啟開發人員工具時,請確定已停用快取。
觀察「內容類型」已轉換為適當的格式。 下列螢幕擷圖顯示在Chrome上動態轉換為WebP的PNG影像。 如果您的網域已啟用AVIF,您也可以在「內容類型」中看到AVIF。
在不同的瀏覽器和使用者條件上重複此測試。
並非所有影像都經過轉換。 智慧型影像處理決定轉換是否能改善效能。 有時,如果沒有預期的效能增益,或格式不是JPEG或PNG,則不會轉換影像。
智慧影像頭決定了智慧影像處理的優勢。 啟用智慧型影像處理後,請求影像後,位於 回應標題 標題,您可以看到 -X-Adobe-Smart-Imaging
如下列醒目提示的範例所示:
此標題會告訴您下列事項:
75048
或一個影像大約75 KB。X-Adobe — 智慧型影像= -1,並傳送WebP
若 X-Adobe-Smart-Imaging
為–1且WebP仍在傳送,這表示智慧影像處理正常運作,但由於舊快取,大小優勢未計算。 您可以使用 cache=update
(僅一次)填入影像URL以修正此問題。
使用修飾詞的範例:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
若要使整個快取失效,您必須建立支援案例。
如果您想要在預設情況下切換回為WebP服務,請為此建立支援案例。 照常,您可以新增參數來關閉智慧型影像處理 bfc=off
至影像的URL。 但是,您無法在智慧影像處理的URL修飾元中選取WebP或AVIF。 這項功能會由您的公司帳戶層級維護。
可以。您可以新增下列任何修飾元,以關閉智慧型影像處理:
智慧影像處理有三個選項可啟用或禁用。
如果未在您的帳戶上啟用智慧型影像處理,則不會發生此錯誤。 智慧型影像處理僅適用於JPEG或PNG格式。
若要避免此錯誤,您可以:
fmt
完全修改,或新增 fmt=tif
和 bfc=off
至影像的URL路徑。
智慧型影像處理會同時使用格式和品質。 如果在影像的URL中提出要求,其餘的參數會維持不變。
目前沒有此類布建。
智慧影像處理會自動調整品質百分比。 此品質百分比是使用由Adobe開發的機器學習演算法來決定。 此百分比不是特定範圍。
唯一被忽略的命令是 fmt
和 qlt
. 所有剩餘命令均受支援。
此功能僅適用於JPEG和PNG。
智慧型影像處理會判斷轉換是否有益。 它只會傳回轉換的新影像,是有益的。
如果複合影像涉及太多圖層,則使用位置修飾元時,dpr功能可能會受到影響。 此問題已知,將於未來版本的智慧型影像處理中修正。 如果其他智慧型影像處理功能未如預期運作,您可以建立支援案例來報告問題。
由於PNG是無損格式,因此,以前傳送的WebP和AVIF是無損的,因此大小比預期的要大。 智慧型影像處理現在支援有損轉換。 您可以使用修飾詞 cache=update
(僅限一次)。 使用此修飾詞的範例:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
若要使整個快取無效,您必須建立支援案例,請求執行此動作。
智慧型影像處理現在支援以品質層級為基礎的有損轉換。 若要繼續使用無損轉換,您可以使用100個品質,這些品質是透過公司設定,或透過影像的URL,使用 qlt=100
在路徑中。