智慧型影像

上次更新: 2023-05-31
  • 建立對象:
  • User

關於智慧型影像

智慧型影像技術可套用Adobe Sensei AI功能,並搭配現有的「影像預設集」運作。 它會根據使用者端瀏覽器功能自動最佳化影像格式、大小和品質,藉此增強影像傳送效能。

現在,LCP (最大內容繪製)的Google Core Web Vital分數更好,智慧型影像處理功能更完善,現在提供AVIF和WebP支援。

重要

智慧型影像處理需要您使用隨Adobe Experience Manager - Dynamic Media提供的現成可用CDN (內容傳遞網路)。 此功能不支援任何其他自訂CDN。

秘訣

嘗試使用Dynamic Media來探索Dynamic Media影像修飾元和智慧型影像處理的優點 快照.

Snapshot是視覺化展示工具,旨在說明Dynamic Media在最佳化及動態影像傳送方面的強大功能。 實驗測試影像或Dynamic Media URL,以視覺化方式觀察各種Dynamic Media影像修飾元的輸出,以及針對下列專案的智慧型影像最佳化:

  • 檔案大小(含WebP和AVIF傳送)
  • 網路頻寬
  • DPR (裝置畫素比率)

若要瞭解使用快照的簡單程度,請播放 快照訓練影片 (3分17秒)。

智慧型影像可與Adobe同級最佳的高階CDN (內容傳遞網路)服務充分整合,進而提升效能。 此服務會尋找伺服器、網路和對等點之間的最佳網際網路路由。 它會找到延遲最低、封包遺失率最低的路由,而不使用網際網路上的預設路由。

下列影像資產範例說明新增的智慧型影像最佳化:

影像(URL) 縮圖 大小(JPEG) 使用智慧型影像處理調整大小(WebP) 使用智慧型影像處理調整大小(AVIF) 使用WebP減少% 使用AVIF降低%
影像1 picture1 145 KB 106 KB 90.2 KB 26.89% 37.79%
影像2 picture2 412 KB 346 KB 113 KB 16.01% 72.57%
影像3 picture3 221 KB 189 KB 87.1 KB 14.47% 60.58%
影像4 picture4 594 KB 545 KB 286 KB 8.25% 51.85%

與上述類似,Adobe也執行了包含較大樣本集的測試。 與WebP相比,AVIF格式提供了20%的額外尺寸縮減,比JPEG提供了27%的縮減。 視覺品質完全相同。 與JPEG相比,AVIF的平均大小縮減率總計高達41%。

比較WebP和AVIF與PNG,您可以看到WebP的大小減少84%,AVIF的大小減少87%。 此外,由於WebP和AVIF格式都支援透明和多重影像動畫,因此非常適合取代透明的PNG和GIF檔案。

另請參閱 使用新一代影像格式(WebP和AVIF)進行影像最佳化

智慧型影像處理的優點

智慧型影像處理會根據使用者端使用的瀏覽器、裝置顯示和網路狀況,自動最佳化影像檔案大小,以提供更優異的影像傳遞效能。 由於影像佔據了頁面的大部分載入時間,因此任何效能改善都會對業務KPI產生深遠影響,例如更高的轉換率、在網站上逗留的時間以及較低的網站跳出率。

最新智慧型影像處理的最新主要優點包括:

關於瀏覽器格式轉換

透過附加來開啟瀏覽器格式轉換 bfc=on 至影像URL會自動將JPEG和PNG轉換為有損的AVIF、有損的WebP、有損的JPEGXR、有損的JPEG2000 (針對不同的瀏覽器)。 對於不支援這些格式的瀏覽器,智慧型影像會繼續提供JPEG或PNG。 除了格式之外,新格式的品質也會由「智慧型影像」重新計算。

您也可以透過附加來關閉智慧型影像 bfc=off 至影像的URL。

另請參閱 bfc 在Dynamic Media影像提供與轉譯API中。

關於裝置畫素比最佳化

裝置畫素比率(DPR) (也稱為CSS畫素比率)是指裝置的實體畫素與邏輯畫素之間的關係。 特別是隨著Retina熒幕的出現,現代行動裝置的畫素解析度正以快速的速度增長。

啟用「裝置畫素比最佳化」 ,以熒幕的原生解析度呈現影像,使影像更清晰。

目前,顯示器的畫素密度來自Akamai CDN標題值。

影像URL中的允許值 說明
dpr=off 關閉個別影像URL層級的DPR最佳化。
dpr=on,dprValue 使用自訂值(由任何使用者端邏輯或其他方式偵測到)覆寫智慧型影像偵測到的DPR值。 允許的值 dprValue 是大於0的任何數字。
注意
  • 您可以使用 dpr=on,dprValue 即使公司層級DPR設定為off。
  • 由於DPR最佳化,當產生的影像大於MaxPix Dynamic Media設定時,一律會透過維持影像的外觀比例來辨識MaxPix寬度。 —>
要求的影像大小 裝置畫素比率(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和具有的iPhone12 dpr=3,兩者皆顯示 dpr=2. 不過,對於高解析度裝置,傳送 dpr=2 比傳送好 dpr=1. 然而,克服這種不正確性的最佳方式是使用使用者端DPR,為您提供100%正確的值。 而且適用於任何裝置,不論是Apple或任何其他已啟動的裝置。 另請參閱 搭配使用者端裝置畫素比使用智慧型影像.

智慧型影像處理的其他主要優點

  • 改善使用最新智慧型影像處理之網頁的Google SEO排名。
  • 立即提供最佳化內容(在執行階段)。
  • 使用Adobe Sensei技術根據品質(qlt)。
  • TTL (存留時間)獨立。 以前,智慧型影像處理至少必須有12小時的TTL才能運作。
  • 先前,原始影像和衍生影像都會經過快取,快取失效的程式分兩步。 在最新的智慧型影像處理中,只會快取衍生專案,執行單一步驟的快取失效程式。
  • 在規則集中使用自訂標題的客戶可受益於最新的智慧型影像,因為這些標題不會遭到封鎖,不像舊版的智慧型影像。 例如,「計時允許來源」、「X-Robot」,如中所建議 新增自訂標頭值至影像回應|Dynamic Media Classic.

智慧型影像如何運作

當消費者要求影像時,「智慧型影像處理」會檢查使用者特性,並根據使用的瀏覽器,將其轉換為適當的影像格式。 這些格式轉換是以不會降低視覺逼真度的方式進行。 智慧型影像會根據瀏覽器功能,以下列方式自動將影像轉換為不同格式。

  • 如果瀏覽器支援格式,則自動轉換為AVIF
  • 如果AVIF轉換沒有好處或瀏覽器不支援AVIF,則自動轉換為WebP
  • 如果Safari不支援WebP,則自動轉換為JPEG2000
  • 自動轉換為IE 9+適用的JPEGXR,或如果Edge不支援WebP
    |影像格式 |支援的瀏覽器 | |—|—| | AVIF | https://caniuse.com/avif | | WebP | https://caniuse.com/webp | |JPEG2000 | https://caniuse.com/jpeg2000 | | JPEGXR | https://caniuse.com/jpegxr |
  • 對於不支援這些格式的瀏覽器,會提供最初請求的影像格式。

如果原始影像大小小於智慧型影像產生的大小,則會提供原始影像。

智慧型影像處理中的影像格式支援

智慧型影像支援下列影像格式:

  • JPEG
  • PNG

對於JPEG影像檔案格式,新格式的品質會由「智慧型影像」重新計算。

對於支援PNG等透明度的影像檔案格式,您可以設定「智慧型影像處理」以傳送有損的AVIF和WebP。 針對有損格式轉換,「智慧型影像處理」會使用影像URL中所述的品質,或是使用Dynamic Media公司帳戶中設定的品質。

智慧型影像處理中的影像伺服命令支援

「影像伺服」命令 fmtqlt 不支援;支援所有其餘的命令。

關於智慧型影像的常見問題

 智慧型影像是否有相關的授權成本?

否. 智慧型影像包含於您現有的授權中。 此規則適用於Dynamic Media Classic或Experience Manager - Dynamic Media (內部部署、AMS和Experience Manageras a Cloud Service)。

重要

智慧型影像不適用於Dynamic Media — 混合型客戶。

 是否可以針對任何要求關閉智慧型影像?

可以。您可以新增下列任何修飾元來關閉「智慧型影像」:

 是否可以「調整」智慧型影像處理?

可以。「智慧型影像處理」有三個選項,您可以啟用或停用。

 智慧型影像處理是否適用於我現有的影像預設集?

可以。智慧型影像可搭配您現有的影像預設集使用,並觀察所有影像設定。 影像格式、品質設定或兩者皆會變更。 針對格式轉換,智慧型影像處理會維持影像預設集設定所定義的完整視覺逼真度,但檔案大小較小。

例如,假設影像預設集是以JPEG格式定義,大小為500 x 500,品質為85,遮色片銳利化調整為0.1、1、5。 當智慧型影像偵測到使用者在Chrome瀏覽器上時,影像會轉換為WebP格式,大小為500 x 500。 而且,USM銳利化遮色片=0.1、1、5的WebP品質儘可能符合85的JPEG品質。 會將該WebP轉換的佔地面積與JPEG進行比較,並傳回兩者中的較小者。

 我是否必須變更任何URL、影像預設集,或是在我的網站上部署新程式碼?

否. 智慧型影像可與您現有的影像URL和影像預設集緊密結合。 此外,智慧型影像不需要您新增程式碼至網站來偵測使用者的瀏覽器。 所有此功能都會自動處理。

 智慧型影像是否適用於HTTPS? HTTP/2呢?

是,針對兩個問題。 智慧型影像處理透過HTTP或HTTPS傳送的影像。 此外,它也適用於HTTP/2。

 我是否符合使用智慧型影像處理的資格?

視情況而定。 若要使用智慧型影像,貴公司的Dynamic Media Classic或Dynamic MediaExperience Manager帳戶必須符合下列要求:

  • 使用Adobe隨附的CDN (內容傳遞網路)作為授權的一部分。
  • 使用專用網域(例如, images.company.commycompany.scene7.com),而不是通用網域(例如, s7d1.scene7.coms7d2.scene7.com,或 s7d13.scene7.com)。

若要尋找您的網域,請開啟 Dynamic Media Classic案頭應用程式,然後登入您的公司帳戶或多個帳戶。

前往 設定 > 應用程式設定 > 一般設定. 尋找標示為的欄位 已發佈的伺服器名稱. 如果您目前使用通用網域,您可以請求移至您自己的自訂網域。 當您提交支援案例時,提出此轉換請求。

使用Dynamic Media授權時,您的第一個自訂網域不會產生額外費用。

 我可以為我的帳戶啟用智慧型影像處理嗎?

否. 您起始使用智慧型影像的要求,但系統不會自動啟用。

建立支援案例,如下所述。 在您的支援案例中,請務必提及要在帳戶上啟用的下列智慧影像功能(一或多個):

  • WebP
  • AVIF
  • DPR與網路頻寬最佳化
  • PNG至有損AVIF或有損WebP

如果您已透過WebP啟用「智慧型影像」,但需要上述其他新功能,則必須建立支援案例。

若要建立支援案例,在您的帳戶上啟用智慧型影像處理:

  1. 使用Admin Console開始建立新的支援案例.

  2. 在您的支援案例中提供下列資訊:

    • 主要連絡人姓名、電子郵件、電話。

    • 列出您要在帳戶上啟用下列哪一項智慧型影像功能(一或多個):

      • WebP
      • AVIF
      • DPR與網路頻寬最佳化
      • PNG至有損AVIF或有損WebP
    • 要啟用智慧型影像的所有網域(也就是 images.company.commycompany.scene7.com)。

      若要尋找您的網域,請開啟 Dynamic Media Classic案頭應用程式,然後登入您的公司帳戶或多個帳戶。

      前往 設定 > 應用程式設定 > 一般設定.

      尋找標示為的欄位 已發佈的伺服器名稱.

    • 確認您是透過Adobe使用CDN,而不是透過直接關係管理。

    • 確認您使用的是專用網域,例如 images.company.commycompany.scene7.com,而不是通用網域,例如 s7d1.scene7.coms7d2.scene7.coms7d13.scene7.com.

      若要尋找您的網域,請開啟 Dynamic Media Classic案頭應用程式,然後登入您的公司帳戶或多個帳戶。

      前往 設定 > 應用程式設定 > 一般設定.

      尋找標示為的欄位 已發佈的伺服器名稱. 如果您目前使用一般Dynamic Media Classic網域,您可以在此轉變中要求移至您自己的自訂網域。

    • 指出您是否希望它透過HTTP/2運作。

  3. Adobe客戶支援會根據提交請求的順序,將您新增至智慧型影像處理客戶等候清單。

  4. 當Adobe準備好處理您的請求時,客戶支援會聯絡您以協調並設定目標日期。

  5. 可選:您可以選擇在Adobe將新功能推展至生產之前,先在「測試」中測試智慧型影像。

  6. 客戶支援會在完成後通知您。

  7. 為了最大化智慧型影像的效能改善,Adobe建議將存留時間(TTL)設定為24小時或更長。 TTL會定義CDN快取資產的時間長度。 若要變更此設定:

    1. 如果您使用Dynamic Media Classic,請前往 設定 > 應用程式設定 > 發佈設定 > 影像伺服器. 設定 預設使用者端快取存留時間 值為24或以上。
    2. 如果您使用Dynamic Media,請遵循 這些指示. 設定 有效期 值24小時或更久。
 我的帳戶何時會啟用「智慧型影像」?

根據等待清單,請求會依客戶支援收到的順序進行處理。

注意

由於啟用智慧型影像處理需要Adobe清除快取,因此前置時間可能會很長。 因此,在任何指定時間只能處理少數客戶轉換。

 使用智慧型影像處理是否有風險?

客戶網頁沒有風險。 不過,轉換至智慧型影像確實會清除CDN快取。 此作業涉及在Experience Manager上移至Dynamic Media Classic或Dynamic Media的新設定。

在初始轉變期間,非快取影像會直接點選Adobe的原始伺服器,直到再次重建快取為止。 因此,Adobe計劃一次處理一些客戶轉換,以便在從來源提取請求時維持可接受的效能。 對於大多數客戶而言,快取會在1至2天內在CDN再次完全建置。

 我可以確認智慧型影像是否正常運作嗎?

可以。您可以執行下列動作:

  1. 為您的帳戶設定智慧型影像之後,請在瀏覽器上載入Dynamic Media Classic或Adobe Experience Manager - Dynamic Media影像URL。

  2. 前往「 」開啟Chrome開發人員窗格 檢視 > 開發人員 > 開發人員工具 在瀏覽器中。 或者,選擇您選擇的任何瀏覽器開發人員工具。

  3. 請確保在開發人員工具開啟時停用快取。

    • 在Windows®上,導覽至開發人員工具窗格中的設定,然後選取 停用快取(當devtools開啟時) 核取方塊。
    • 在macOS上,在開發人員窗格的 網路 索引標籤,選取 停用快取.
  4. 請注意,內容型別已轉換為適當的格式。 下列熒幕擷圖顯示動態轉換為Chrome上WebP的PNG影像。 如果您的網域已啟用AVIF,您也可能會在「內容型別」中看到AVIF。

  5. 在不同的瀏覽器和使用者條件下重複此測試。

注意

並非所有影像都會轉換。 智慧型影像處理會決定轉換是否能改善效能。 有時,如果沒有預期的效能提升,或格式不是JPEG或PNG,則影像不會轉換。

image2017-11-14_15398

 是否有辦法瞭解智慧型影像技術的優點?

可以。智慧型影像標題,決定智慧型影像的優點。 智慧型影像啟用時,當您要求影像後,請在 回應標頭 標題,您可以看到 -X-Adobe-Smart-Imaging 如下列醒目提示的範例所示:

智慧型影像標題

此標題會說明下列內容:

  • Smart Imaging適合公司使用。
  • 正值表示轉換成功。 在這種情況下,會傳回新的WebP影像。
  • 負值表示轉換不成功。 在這種情況下,會傳回原始要求的影像(如果未指定,預設為JPEG)。
  • 正值會顯示要求的影像與新影像之間的位元組差異。 在上述範例中,儲存的位元組為 75048 或大約75 KB (一個影像)。
  • 負值表示要求的影像小於新影像。 會顯示負值大小差異,但提供的影像僅是原始要求的影像。
注意

XAdobe智慧型影像= -1,並傳送WebP

如果 X-Adobe-Smart-Imaging 為–1,而且WebP仍在傳送中,這表示智慧型影像處理正常運作,但由於快取記憶體陳舊,並未計算其大小優勢。 您可以使用 cache=update (僅一次)的問題。
使用修正因子的範例:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
若要讓整個快取失效,您必須建立支援案例。

 我可以在智慧型影像中停用AVIF最佳化嗎?

可以。如果您想要依預設切換回提供WebP,請建立相同專案的支援案例。 如同往常,您可以新增引數來關閉智慧型影像 bfc=off 至影像的URL。 不過,您無法在智慧型影像的URL修飾元中選取WebP或AVIF。 此功能在您的公司帳戶層級進行維護。

 為什麼當我在Chrome網頁瀏覽器上有fmt=tif的URL時,要求會失敗?

如果您的帳戶未啟用智慧型影像處理,就不會發生此錯誤。 智慧型影像僅適用於JPEG或PNG格式。

若要避免此錯誤,您可以:

  • 指定JPEG或PNG,或
  • 不使用 fmt 修飾元,或
  • 使用智慧型影像定義的瀏覽器偏好格式。 例如,您可以使用Chrome網頁瀏覽器的WebP。
 我可以從影像的URL下載TIFF影像嗎?

可以。新增 fmt=tifbfc=off 至影像的URL路徑。

 智慧型影像處理是否可管理影像格式和影像品質設定?

可以。智慧型影像使用格式和品質。 其餘的引數會維持不變(如果影像的URL中有要求)。

 我可以設定最小和最大品質設定嗎?

否. 目前沒有這類布建。

 智慧型影像是否可調整百分比品質輸出設定?

可以。智慧型影像會自動調整品質百分比。 此品質百分比由Adobe開發的機器學習演演算法決定。 此百分比不限範圍。

 智慧型影像是否只會取代JPEG和PNG?

可以。此功能僅適用於JPEG和PNG。

 為何JPEG有時會傳回Chrome而非WebP?

智慧型影像處理會判斷轉換是否有效。 只會在轉換有利的情況下傳回新影像。

 裝置畫素比率(dpr)為何不適用於複合影像?

如果複合影像涉及太多圖層,則使用位置修飾元時,dpr功能可能會受到影響。 此問題已知,並將在未來版本的智慧型影像中修正。 如果其他智慧型影像功能無法如預期運作,您可以建立支援案例來報告問題。

 為何智慧型影像處理PNG會轉換為無失真WebP/AVIF?

由於PNG為無損格式,因此先前傳送的WebP和AVIF為無損格式,因此產生比預期更大的大小。 智慧型影像處理現在支援有損轉換。 您可以使用修正因子 cache=update (僅一次)以修正此問題。 使用此修飾元的範例:

https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update

若要讓整個快取失效,您必須建立要求此類努力的支援案例。

 我可以在智慧型影像中繼續使用PNG進行無損轉換嗎?

可以。智慧型影像處理現在支援根據品質等級進行有損轉換。 若要繼續使用無損轉換,您可以使用透過公司設定或透過影像URL設定的100品質,使用 qlt=100 路徑中。

本頁內容