智慧型影像

關於智慧型影像

智慧型影像技術可套用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公司帳戶中設定的品質。

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

「影像伺服」命令 fmt 和 qlt 不支援；支援所有其餘的命令。

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

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

否. 智慧型影像包含於您現有的授權中。 此規則適用於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.com 或 mycompany.scene7.com)，而不是通用網域(例如， s7d1.scene7.com， s7d2.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.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運作。

  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=tif 和 bfc=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 路徑中。

本頁內容