智慧型影像

上次更新: 2023-11-07
  • 建立對象:
  • User
    Admin

什麼是「智慧型影像」?

智慧型影像技術可套用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 (裝置畫素比率)

若要瞭解使用Snapshot的簡易性,請播放 快照訓練影片 (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產生深遠影響,例如更高的轉換率、在網站上逗留的時間以及較低的網站跳出率。

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

  • 現在支援下一代AVIF格式。
  • PNG至WebP和AVIF現在支援有損轉換。 由於PNG是無損格式,因此先前傳送的WebP和AVIF是無損的。
  • 瀏覽器格式轉換(bfc)
  • 裝置畫素比率(dpr)
  • 網路頻寬(network)

關於瀏覽器格式轉換(bfc)

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

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

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

關於裝置畫素比(dpr)最佳化

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

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

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

影像URL中的允許值 說明
dpr=off 關閉個別影像URL層級的DPR最佳化。
dpr=on,dprValue 使用自訂值(任何使用者端邏輯或其他方式偵測到的值)覆寫智慧型影像偵測到的DPR值。 允許的值 dprValue 是大於0的任何數字。
注意
  • 您可以使用 dpr=on,dprValue 即使公司層級DPR設為關閉。
  • 由於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和DPR為2的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.

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

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

注意

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

智慧型影像如何運作?

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

  • 如果瀏覽器支援格式,則自動轉換為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公司帳戶中設定的品質。

智慧型影像如何處理我已在使用的現有影像預設集?

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

例如,假設影像預設集是以JPEG格式定義,大小為500 x 500,品質為85,遮色片銳利化調整為0.1,1,5。 當智慧型影像偵測到使用者在Chrome瀏覽器上時,影像會轉換為WebP格式,大小為500 x 500。 而且,不銳利化遮色片=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計劃一次處理幾個客戶轉換,以便在從來源提取請求時維持可接受的效能。 對於大多數客戶而言,CDN會在約1至2天內再次完全建立快取。

如何確認智慧型影像處理是否如預期運作?

  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 如下列醒目提示的範例所示:

智慧型影像標題

此標題會告訴您下列內容:

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

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

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

如何在智慧型影像中停用AVIF最佳化?

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

智慧型影像處理是否可因任何要求而關閉?

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

有哪些「調整」可供使用? 是否有任何可定義的設定或行為?

智慧型影像有三個可啟用或停用的選項。

我在Chrome網頁瀏覽器上有一個使用fmt=tif的URL。 但我的要求失敗,並出現ImageServer錯誤。 原因為何?

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

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

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

我想從影像的URL下載TIFF影像。 我應該怎麼做?

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

智慧型影像處理是否只管理影像格式,或同時管理影像品質設定以獲得最佳結果?

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

如果智慧型影像確實能管理品質設定,我可以設定最小值和最大值嗎? 換句話說,品質不小於60且不大於80?

目前沒有這類布建。

智慧型影像處理會自動調整百分比品質輸出設定,還是手動調整的設定,且會套用至所有影像? 在哪個範圍內?

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

使用智慧型影像時,支援或忽略哪些影像伺服命令?

唯一被忽略的命令是 fmtqlt. 支援所有剩餘的命令。

智慧型影像是否只會取代JPEG影像? 如果我請求WebP、PNG或其他什麼怎麼辦?

此功能僅適用於JPEG和PNG。

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

智慧型影像可判斷轉換是否有效。 它只會傳迴轉換有利的新影像。

為何裝置畫素比(dpr)功能無法如預期運用於複合影像?

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

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

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

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

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

如何在智慧型影像中繼續使用PNG進行無損轉換?

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

此頁面上的