[AEM Assets]{class="badge positive" title="適用於AEM Assets)。"}
智慧型影像 smart-imaging
智慧型影像搭配 Adobe AI 是自動影像最佳化功能,可根據個別使用者的檢視條件量身打造傳遞的影像。 智慧型影像不會為每個訪客提供單一固定資產,而是會評估每個使用者的獨特檢視特性,並自動選取最適合該使用者體驗的影像變體。
智慧型影像可套用每位使用者獨特的檢視特性,以自動提供正確的影像。 由於每位訪客的檢視條件各異(包括裝置型別、熒幕解析度和網路條件),因此單一影像並不適用於所有人。 智慧型影像可即時評估這些特性,並將每個要求與最適合的已最佳化影像進行比對,藉此解決此問題。 這可確保每位使用者都收到根據其特定內容校正的資產,而無需針對每個案例手動設定。
智慧型影像提供自動的每位使用者最佳化功能,可直接改善兩種結果:
- 效能更佳 — 提供大小適中、經過最佳化的影像,減少不必要的資料傳輸,讓每個使用者的裝置和連線都能更快速地載入頁面。
- 更高的參與度 — 當影像快速轉譯並正確顯示在使用者的檢視環境中時,體驗會更順暢,可支援更強大的使用者參與度。
將每個影像與個別檢視者配對後,智慧型影像會自動改善傳送效能和使用者參與。 由於最佳化是由 Adobe AI 處理,而不是手動處理,因此團隊可以大規模地獲得量身打造的影像傳遞的優點,而不需要為每個可能的檢視案例維護個別的資產。
關於智慧型影像 about-smart-imaging
智慧型影像技術可套用Adobe AI功能,並搭配現有的「影像預設集」運作。 它會根據使用者端瀏覽器功能自動最佳化影像格式、大小和品質,進而增強影像傳送效能。
改進的智慧型影像處理現在提供 AVIF 和 WebP 支援,提高您的 Google Core Web Vital Score最大內容繪製(LCP) 分數。
- 檔案大小(含WebP和AVIF傳送)
- 網路頻寬
- DPR (裝置畫素比率)
智慧型影像可與Adobe同級最佳的高階CDN (內容傳遞網路)服務完全整合,進一步提升效能。 此服務會尋找伺服器、網路和對等點之間的最佳網際網路路由。 它會選取延遲最低、封包遺失率最低的路由,而不使用網際網路上的預設路由。
下列影像資產範例說明新增的智慧型影像最佳化:
與上述類似,Adobe也使用較大的範例集執行測試。 AVIF的平均大小比JPEG縮減高達41%。 在較大型的測試中,AVIF比WebP 提供 20%的額外大小縮減,而WebP比JPEG 提供 27%的縮減,所有這些的視覺品質都相同。
將WebP和AVIF與PNG比較,您可以看到WebP的大小減少 84%,AVIF 的大小減少87%。 由於WebP和AVIF格式都支援透明和多種影像動畫,因此它們非常適合取代透明的PNG和GIF檔案。
另請參閱使用下一代影像格式(WebP和AVIF)的影像最佳化
智慧型影像的優點
智慧型影像可根據使用者的瀏覽器、裝置顯示和網路狀況,自動最佳化檔案大小,強化影像傳送。 此方法可確保更快的載入時間,以及在不同環境中獲得更好的檢視體驗。 由於影像佔據了頁面的大部分載入時間,因此更快速的影像傳送可直接改善關鍵業務績效指標(KPI)。 這可帶來可衡量的收益,例如:
- 轉換率較高。
- 增加網站逗留時間。
- 較低的網站跳出率。
最新智慧型影像處理的最新主要優點包括:
關於瀏覽器格式轉換 bfc
瀏覽器格式轉換會自動傳送現代且有損的影像格式給每個瀏覽器,以減少檔案大小,同時保留視覺品質。 將 bfc=on 附加至影像URL以啟用它。 啟用時,智慧型影像會將 JPEG 和 PNG 來源影像轉換為請求瀏覽器支援的最佳有損下一代格式。
瀏覽器格式轉換的運作方式
在套用 bfc=on 的情況下,智慧型影像會根據瀏覽器支援的內容將 JPEG 和 PNG 影像轉換成下列其中一種有損格式:
- 失真AVIF (AV1影像檔案格式)
- 失真WebP
- Lossy JPEGXR (JPEG延伸範圍)
- 失真JPEG2000
因為不是每個瀏覽器都支援這些較新的格式,所以智慧型影像會套用內建的遞補: 當瀏覽器不支援目標格式時,智慧型影像會繼續提供原始的JPEG或PNG。 此遞補功能可確保影像在每個瀏覽器中正確轉譯,因此啟用功能不會中斷相容性。 在每次格式變更期間,「智慧型影像處理」也會重新計算新格式的品質,以符合轉換。
開啟和關閉瀏覽器格式轉換
- 啟用:將
bfc=on附加至影像的URL。 - 停用:將
bfc=off附加至影像的URL。
若要關閉「瀏覽器格式轉換」,請將 bfc=off 附加至影像的URL,而「智慧型影像處理」會提供原始的JPEG或PNG而不進行格式轉換。
另請參閱Dynamic Media影像提供與轉譯API中的bfc。
關於裝置畫素比最佳化 dpr
裝置畫素比率(DPR),也稱為CSS畫素比率,是裝置的 實體畫素 與其 邏輯(CSS)畫素 之間的比率。 現代行動裝置和高密度「視網膜」顯示器廣為人知,將更多的實體畫素封裝到相同的實體區域,因此當代熒幕的畫素解析度迅速提升。 因此,較高的DPR表示單一邏輯畫素由多個實體畫素表示,這就是為什麼以標準大小編寫的影像在高密度熒幕上可能會顯得柔和或模糊,除非它們以熒幕的真實解析度呈現。
啟用裝置畫素比最佳化,以熒幕的原生解析度呈現每個影像,提供銳利清晰的視覺效果。 因為影像會縮放以符合顯示器的實際畫素密度,所以會保留細節,並避免在高DPR裝置上進行畫素化。
目前,顯示器的畫素密度是從 Akamai CDN標頭值 決定。 這表示傳送層會從要求標題讀取裝置回報的DPR,並提供符合該密度大小的影像,而不需要為每個裝置手動設定。
dpr=offdpr=on,dprValuedprValue的允許值是大於0的任何數字。- 即使公司層級DPR設定已關閉,您仍可使用
dpr=on,dprValue。 - 由於DPR最佳化可以放大影像,因此當產生的影像超過MaxPix Dynamic Media設定時,一律會套用MaxPix寬度,同時保留影像的外觀比例。
如表所示,DPR值2會將傳送影像的寬度和高度加倍(從 816 x 500 到1632 x 1000),產生兩倍的線性畫素密度,讓影像在高密度熒幕上仍保持銳利。
關於網路頻寬最佳化 bandwidth
網路頻寬最佳化會根據實際的即時網路頻寬,自動調整提供的影像品質。 啟用此功能可確保影像以適合每個連線的品質等級傳送。 當網路頻寬較差時,DPR (裝置畫素比率)最佳化會自動停用 (即使先前已啟用),因為透過限制連線提供高解析度資產會減緩頁面傳送速度。
您的公司可以將 network=off 附加至影像URL,以停用個別影像的網路頻寬最佳化。
network=offDPR和網路頻寬值是根據偵測到的隨附內容傳遞網路(CDN)使用者端值。 這些值有時不準確。 例如,DPR=2的iPhone5和具有dpr=3的iPhone12都報告dpr=2。 實際上,偵測到的值可能會低估較新高DPR顯示器的真實畫素密度,因此報告的值可能會低於裝置的實際功能。 即使如此,對於高解析度裝置,提供 dpr=2 的影像也明顯比提供dpr=1的影像更清晰。 不過,克服這種不正確性的最佳方式是使用使用者端DPR,這可讓您獲得100%正確的值。 使用者端DPR可在所有裝置(不論是Apple或任何其他製造商)中以可靠的方式運作,並傳回100%正確值。 請參閱使用智慧型影像搭配使用者端裝置畫素比率。
智慧型影像處理的其他主要優點
- 改善使用最新智慧型影像處理之網頁的Google SEO排名。
- 在執行階段立即提供最佳化內容。
- 使用Adobe AI技術,根據影像要求中指定的品質(
qlt)進行轉換。 - 不受TTL (存留時間)影響。 以前,智慧型影像處理必須至少有 12小時 的TTL才能運作。
- 以前,原始和衍生影像都會經過快取,快取失效分為兩個步驟。 在最新的智慧型影像處理中,只會快取衍生影像,以簡化單一步驟的快取失效程式。
- 在規則集中使用自訂標題的客戶可受益於最新的智慧型影像,因為這些標題不會遭到封鎖,不像舊版的智慧型影像。
智慧型影像的運作方式 how-smart-imaging-works
當消費者要求影像時,智慧型影像會分析使用者的特性,並根據要求的瀏覽器將影像轉換為最佳格式。 這些轉換可保留視覺上的逼真度,同時減少檔案大小,確保更快的載入時間,而不會造成明顯的品質損失。 智慧型影像處理會根據瀏覽器功能,使用下列重疊顯示自動將影像轉換為不同格式。
格式轉換重疊顯示
-
如果要求的瀏覽器支援格式,會自動轉換為AVIF (AV1影像檔案格式)。 AVIF通常會在支援的選項中提供最強的壓縮,因此最好在可用時提供。
-
如果AVIF轉換沒有好處或瀏覽器不支援AVIF,則自動轉換為WebP。 WebP提供高效壓縮功能,並具備廣泛的現代化瀏覽器支援,因此是可靠的第二選擇。
-
當Safari不支援WebP時,自動轉換為JPEG 2000。 這可確保Safari使用者仍會收到最佳化的影像格式。
-
自動轉換為 Internet Explorer (IE) 9+ 的JPEG XR (JPEG延伸範圍),或當 Microsoft Edge 不支援WebP時。 JPEG XR涵蓋對較新格式缺乏支援的舊版Microsoft瀏覽器。
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 影像格式 支援的瀏覽器 AVIF https://caniuse.com/avif WebP https://caniuse.com/webp JPEG 2000 https://caniuse.com/jpeg2000 JPEG XR https://caniuse.com/jpegxr
遞補行為
- 對於不支援任何這些最佳化格式的瀏覽器,智慧型影像處理會提供原始要求的影像格式。 無論瀏覽器功能為何,均可保證影像一律呈現。
由於提供較小的檔案總是更有效率,因此如果原始影像大小小於智慧型影像產生的大小,則會改為提供原始影像。 因此,智慧型影像處理絕不會提供比來源更大的檔案,確保每個請求都以最高效率傳輸。
智慧型影像處理支援影像格式 image-format-support
智慧型影像支援 JPEG 和 PNG 作為最佳化傳遞的來源影像格式。
支援的輸入格式
- JPEG (聯合攝影專家小組)
- PNG (可攜式網路圖形)
輸出格式轉換與品質處理
智慧型影像處理在轉換為新格式時,會重新計算JPEG影像檔案格式的品質。 此重新計算可確保轉換的輸出已針對傳送進行最佳化,而不只是延續原始編碼,這有助於在視覺逼真度與縮小的檔案大小之間取得平衡。
對於支援透明度的影像檔案格式,例如PNG,您可以設定智慧型影像處理,以傳送lossy AVIF (AV1影像檔案格式)和lossy WebP。 AVIF和WebP都是新一代的現代化格式,其設計目標是讓檔案大小比舊版格式更小,同時保留透明度,非常適合透明來源影像。
針對有損格式轉換,「智慧型影像處理」會使用下列優先順序來決定輸出品質:
- 如果有的話,會先套用影像URL中指定的品質。
- 當URL中未提供品質值時,會使用Dynamic Media公司帳戶中設定的品質作為遞補。
因此,影像URL中的品質引數一律優先處理,而Dynamic Media公司帳戶設定會建立當缺少URL層級的品質值時套用的預設值。
智慧型影像處理中的影像伺服命令支援 imaging-serving-command-support
智慧型影像支援所有「影像伺服」命令 ,但兩個 除外:不支援 fmt 和 qlt 命令。 其他所有「影像伺服」指令都可在「智慧型影像」中正常運作。
不支援的「影像伺服」命令
下列兩個「影像伺服」命令在智慧型影像中不支援:
fmt— format命令,通常會指定所提供影像的輸出檔案格式(例如,將影像轉換為特定編碼)。 因為智慧型影像不支援fmt,所以無法透過這個命令控制影像格式。qlt— quality命令,通常會控制所服務影像的壓縮品質。 因為智慧型影像不支援qlt,所以無法透過這個命令調整壓縮品質。
支援的影像伺服命令
智慧型影像支援所有剩餘的「影像伺服」命令。 這表示標準的影像轉換與傳送作業(例如調整大小、裁切及其他可透過影像伺服執行的操作)仍可繼續如預期運作。 支援中只排除格式(fmt)和品質(qlt)命令。
關於智慧型影像的常見問題 smart-imaging-faq
編號 智慧型影像是隨附於您的現有授權,不需額外付費。 這適用於 Dynamic Media Classic 或Experience Manager - Dynamic Media (內部部署、AMS和Experience Manager as a Cloud Service)。
| note important |
|---|
| IMPORTANT |
| 智慧型影像不適用於Dynamic Media — 混合型客戶。 |
是。 智慧型影像可順暢整合您現有的影像預設集,並尊重您所有的影像設定。
唯一的調整涉及影像格式、影像品質或兩者。 在格式轉換期間,智慧型影像處理會根據您的預設設定保留完整的視覺精確度,同時提供較小的檔案大小,減少頻寬使用並加快頁面載入速度。 將bfc=on、dpr=on,dprValue、network=on或全部三個引數設定新增至您現有的URL或預設集,以啟用它。
例如,影像預設集可能會指定500 × 500畫素處的 JPEG格式,並包含quality=85和unsharp mask=0.1,1,5。 智慧型影像可偵測使用者是否位在Chrome瀏覽器上。 然後它會使用相同的尺寸(500 × 500)和符合JPEG設定的銳利化遮色片,將影像轉換為WebP (現代的高壓縮影像格式)。 然後,系統會比較WebP和JPEG版本的檔案大小,並將較小版本提供給使用者。 這可確保更快的傳送速度並降低頻寬消耗,而不會損失任何視覺品質。
智慧型影像處理可立即供所有客戶使用。 若要開始享受其優點,請新增bfc=on、dpr=on,dprValue、network=on或全部三個引數設定到您現有的URL或預設集。
若要啟用智慧型影像處理,您公司的 Dynamic Media Classic 或 Experience Manager 帳戶上的Dynamic Media必須包含Adobe套件式CDN (內容傳遞網路),做為您授權的一部分。 CDN會從分散各地的伺服器散發及傳遞您的影像,讓智慧型影像處理能夠最佳化並為每位使用者提供正確格式。
若要開始使用智慧型影像,請附加bfc=on、dpr=on,dprValue、network=on或全部三個引數設定到您現有的URL或預設集。 如果您不想手動進行這些變更,您可以建立支援案例來依預設啟用「智慧型影像」。
建立支援案例時,請指定您要在帳戶上啟用的智慧型影像功能:
- 瀏覽器格式轉換 (WebP或AVIF — 兩者都是現代、有效的影像格式)
- 網路頻寬最佳化
| note |
|---|
| NOTE |
DPR (裝置畫素比率)需要使用者端進行調整,以決定正確的dprValue。 因此,Adobe建議藉由附加dpr=on,dprValue,透過URL啟用DPR。 |
若要建立支援案例,在您的帳戶上啟用智慧型影像處理:
-
在您的支援案例中提供下列資訊:
-
主要連絡人詳細資料:
- 提供您的姓名、電子郵件和電話號碼。
-
要啟用的智慧型影像功能:
-
列出您想要為您的帳戶提供的功能:
- 瀏覽器格式轉換:WebP或AVIF
- 網路頻寬最佳化
- DPR (裝置畫素比率): DPR需要使用者端調整,才能判斷正確的
dprValue。 因此,Adobe建議藉由附加dpr=on,dprValue,透過URL啟用DPR。
-
-
智慧型影像的網域:
-
列出所有相關網域,例如
company.com或mycompany.scene7.com -
智慧型影像支援一般和自訂網域。
-
若要識別您的網域,請開啟Dynamic Media Classic案頭應用程式並登入您的公司帳戶。
- 瀏覽至設定 > 應用程式設定 > 一般設定。
- 尋找 發佈的伺服器名稱 欄位以確認您的網域。
- 確認您使用的是Adobe的CDN,而非其他提供者所管理的CDN。
-
-
表示HTTP/2支援:
- 指定您是否需要「智慧型影像」才能透過HTTP/2運作。
-
-
Adobe客戶支援預設會啟用所要求的智慧型影像處理功能,而不需要手動將引數附加至URL。
-
Adobe建議將 存留時間(TTL) 設定為至少24小時,以透過快取將效能最大化。 較長的TTL可讓最佳化的影像在邊緣快取,以減少重複的原始請求。
若要調整TTL:-
Dynamic Media Classic的:
- 瀏覽至設定 > 應用程式設定 > 發佈設定 > 影像伺服器。
- 將 預設使用者端快取存留時間 值設定為24小時或更長。
-
適用於Adobe Experience Manager上的Dynamic Media :
- 遵循這些指示。
- 設定24小時或更多的 到期 值。
-
「客戶支援」會依接收順序處理請求,並遵循「等待清單」處理。 前置時間通常很長,因為啟用智慧型影像處理需要Adobe清除快取。 因此,在任何指定時間只能處理少數客戶轉換。
| note |
|---|
| NOTE |
| 由於啟用智慧型影像處理需要Adobe清除快取,因此前置時間可能會較長。 因此,在任何指定時間只能處理少數客戶轉換。 |
客戶的即時網頁沒有風險。 不過,轉換至「智慧型影像」會清除您的 內容傳遞網路(CDN) 快取,因為「智慧型影像」會將您的帳戶移至Experience Manager上新的Dynamic Media Classic或Dynamic Media設定。
在初始轉變期間,非快取影像會直接點選Adobe的原始伺服器,直到再次重建快取為止。 因此,Adobe計劃一次處理幾個客戶轉換,以便在從來源提取請求時維持可接受的效能。 對於大多數客戶而言,快取會在 一到兩天 內在CDN再次完全建置。
可以。 您可以執行下列動作:
-
帳戶設定智慧型影像之後,請在瀏覽器中載入Dynamic Media Classic或Adobe Experience Manager - Dynamic Media影像URL。
-
在瀏覽器中前往檢視 > 開發人員 > 開發人員工具,開啟Chrome開發人員窗格。 或者,選擇您選擇的任何瀏覽器開發人員工具。
-
請確保在開發人員工具開啟時停用快取。
- 在Windows®上,瀏覽至開發人員工具窗格中的設定,然後選取 停用快取(當devtools開啟時) 核取方塊。
- 在macOS上,在[開發人員]窗格的 網路 標籤下,選取停用快取。
-
請注意,內容型別已轉換為適當的格式。 下列熒幕擷圖顯示 PNG 影像在Chrome上動態轉換為WebP。 如果您的網域已啟用AVIF (AV1影像檔案格式),您也會預期在內容型別中看到AVIF。
-
在不同的瀏覽器和使用者條件下重複此測試。
| note |
|---|
| NOTE |
| 並非所有影像都會轉換。 智慧型影像處理會決定轉換是否能改善效能。 有時,如果沒有預期的效能提升,或格式不是JPEG或PNG,影像就不會轉換。 |
可以。 智慧型影像標題決定智慧型影像的優點。 啟用智慧型影像時,當您要求影像之後,在 回應標題 標題下,您可以看到-X-Adobe-Smart-Imaging,如下列醒目提示的範例所示:
此標題會告訴您下列內容:
- 智慧型影像處理功能適用於本公司。
- 正值表示轉換成功。 在此情況下,會傳回新的 WebP 影像。
- 負值表示轉換不成功。 在這種情況下,會傳回原始要求的影像(JPEG (若未指定,預設為傳回)。
- 正值會顯示要求的影像與新影像之間的位元組差異。 在上述範例中,儲存的位元組為
75048,或單一影像約 75 KB。 - 負值表示要求的影像小於新影像。 會顯示負數大小差異,但提供的影像僅為原始要求的影像。
| note |
|---|
| NOTE |
| X-Adobe-Smart-Imaging = -1,正在傳遞WebP |
如果X-Adobe-Smart-Imaging的值為–1,而且WebP仍在傳遞,則智慧型影像處理為作用中。 但是,由於快取已過時,因此未計算大小優勢。 您可以在影像的URL中使用cache=update (僅一次)來修正此問題。使用修飾元的範例: https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update若要讓整個快取失效,您必須建立支援案例。 |
bfc=off至影像的URL來關閉智慧型影像。 不過,您無法直接在智慧型影像的URL修飾元中選取 WebP 或AVIF。 此格式選取功能是在公司帳戶層級控制,而非在URL修飾詞中控制。如果您的帳戶未啟用智慧型影像處理,就不會發生這個錯誤。 智慧型影像僅適用於 JPEG 和 PNG 來源格式。
若要避免此錯誤,請使用下列其中一種方法:
- 指定 JPEG 或PNG,或
- 完全不要使用
fmt修飾元,或 - 使用智慧型影像定義的瀏覽器偏好格式。 例如,您可以將 WebP 用於Chrome網頁瀏覽器,此瀏覽器原本就支援格式。
fmt=tif和bfc=off新增至影像的URL路徑。由於 PNG 本身就是無損影像格式,所以較早的 WebP 和 AVIF 影像也會以無損模式傳送,導致檔案大小超過預期。 智慧型影像處理現在支援有損轉換。 在影像要求中使用修飾元cache=update (僅一次)來修正此問題。 使用此修飾元的範例:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
若要讓整個快取失效,請建立要求此類努力的支援案例。
qlt=100新增至影像的URL路徑,將品質設定為100,以繼續使用無損轉換。