智慧型影像

什麼是「智慧影像處理」?

智慧型影像處理技術使用Adobe Sensei AI功能,並與現有的「影像預設集」搭配使用,根據用戶端瀏覽器功能自動最佳化影像格式、大小和品質,以增強影像傳送效能。

注意

若要使用此功能,您必須使用隨附於Adobe Experience Manager Dynamic Media的現成可用CDN(內容傳遞網路)。 此功能不支援任何其他自訂CDN。

智慧型影像處理與Adobe同級最佳的付費CDN服務充分整合後,可提升效能。 此服務可在伺服器、網路和互連點之間找到最佳的Internet路由。 它找到的路由延遲最低,丟包率最低,而不是使用網際網路上的預設路由。

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

影像
(URL)
縮圖 大小
(JPEG)
大小(WebP)
(帶智慧影像)
減少
影像1 picture1 73.75 KB 45.92 KB 38%
影像2 picture2 191 KB 70.66 KB 63%
影像3 picture3 96.64 KB 39.44 KB 59%
影像4 picture4 315.80 KB 178.19 KB 44%
平均= 51%

與上述內容類似,Adobe也透過來自即時客戶網站的7009個URL執行測試。 他們能夠平均將JPEG的檔案大小進一步優化38%。 對於使用WebP格式的PNG,檔案大小最佳化平均可提高31%。 這種優化是可能的,因為智慧成像技術具有強大的功能。

在行動網路上,挑戰因兩個因素而加劇:

  • 各種不同外形規格的設備和高解析度顯示器。
  • 網路頻寬受限。

就影像而言,目標是盡可能有效地提供最佳品質的影像。

關於裝置像素比例最佳化

裝置像素比率(DPR)(也稱為CSS像素比率)是裝置的物理像素與邏輯像素之間的關係。 特別是隨著視網膜螢幕的出現,現代移動設備的像素解析度正以快速的速度增長。

啟用「裝置像素比率」最佳化可讓影像以螢幕的原生解析度呈現,使其看起來清晰。

開啟智慧影像處理DPR配置會根據請求所服務的顯示器的像素密度自動調整請求的影像。 目前,顯示器的像素密度來自Akamai CDN標頭值。

影像URL中的允許值 說明
dpr=off 在個別影像URL層級關閉DPR最佳化。
dpr=on,dprValue 使用自訂值(由任何用戶端邏輯或其他方法偵測)覆寫智慧型影像偵測到的DPR值。 dprValue的允許值是大於0的任何數字。 1.5、2或3的指定值通常為。
注意
  • 即使公司層級DPR設定關閉,您仍可以使用dpr=on,dprValue
  • 由於DPR優化,當結果影像大於MaxPix Dynamic Media設定時,通過保持影像的長寬比始終可以識別MaxPix寬度。
請求的影像大小 DPR值 傳遞的影像大小
816x500 1 816x500
816x500 2 1632x1000

關於網路頻寬優化

開啟網路頻寬會自動根據實際網路頻寬調整提供的影像質量。 對於較差的網路頻寬,DPR優化將自動關閉,即使已經開啟。

如有需要,您的公司可以將network=off附加至影像的URL,以選擇退出個別影像層級的網路頻寬最佳化。

影像URL中的允許值 說明
network=off 在個別影像URL層級關閉網路最佳化。
注意

DPR和網路頻寬值以所偵測到的套裝CDN用戶端值為基礎。 這些值有時不準確。 例如,DPR=2的iPhone5和DPR=3的iPhone12,都會顯示DPR=2。 不過,對於高解析度裝置,傳送DPR=2比傳送DPR=1好。 即將推出:Adobe正在使用用戶端程式碼,以精確判斷使用者的DPR。

最新智慧映像有哪些主要優勢?

影像是頁面載入時間的大部分。 因此,任何效能改善都可能對較高的轉換率、網站逗留時間以及較低的網站跳出率產生深遠影響。

最新版智慧影像處理的增強功能:

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

是否存在與智慧映像相關的許可成本?

否. 您現有的Dynamic Media Classic或Adobe Experience Manager - Dynamic Media授權(內部部署、AMS和Experience Manager作為Cloud Service)包含智慧型影像。

注意

Dynamic Media — 混合客戶無法使用智慧影像處理。

智慧型影像處理如何運作?

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

  • 針對下列瀏覽器自動轉換為WebP :

    • 鉻黃
    • Firefox
    • Microsoft® Edge
    • Safari(跨iOS、macOS、iPadOS)提供瀏覽器和作業系統版本支援WebP
    • Android™
    • Opera
  • 舊版瀏覽器支援下列項目:

    瀏覽器 瀏覽器/作業系統版本 格式
    Safari 早於iOS/iPad 14.0或macOS BigSur JPEG2000
    Edge 早於18 JPEGXR
    Internet Explorer 9+ JPEGXR
  • 若瀏覽器不支援這些格式,則會提供原始要求的影像格式。

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

支援哪些影像格式?

智慧影像處理支援下列影像格式:

  • JPEG
  • PNG

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

智慧影像處理可與您現有的「影像預設集」搭配使用,如果請求的檔案格式為JPEG或PNG,則會觀察除質量(qlt)和格式(fmt)之外的所有影像設定。 對於格式轉換,Adobe會維持由影像預設集設定所定義的完整視覺保真度,但檔案大小較小。 如果原始影像大小小於智慧型影像產生的大小,則會提供原始影像。

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

如果您在現有自訂網域上設定智慧型影像處理,智慧型影像處理可順暢地與您現有的影像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.coms7d13.scene7.com)。

若要尋找您的網域,請登入您的公司帳戶或帳戶。

點選​Setup > Application Setup > General Settings。 查找標籤為​已發佈伺服器名稱​的欄位。 如果您目前使用一般網域,在提交技術支援票證時,可請求移至您自己的自訂網域,作為此轉變的一部分。

使用Dynamic Media授權,您的第一個自訂網域不需額外付費。

為我的帳戶啟用智慧影像處理的程式為何?

您啟動使用智慧影像處理的請求;不會自動啟用。

依預設,Dynamic Media公司帳戶的智慧型影像處理DPR和網路最佳化會停用(關閉)。 如果要啟用(開啟)上述一項或兩項現成可用的增強功能,請建立支援案例,如下所述。

  1. 使用Admin Console建立支援案例。

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

    1. 主要聯繫人姓名、電子郵件、電話。

    2. 要啟用智慧映像的所有域(即images.company.commycompany.scene7.com)。

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

      按一下「設定 > 應用程式設定 > 一般設定」。

      查找標籤為​已發佈伺服器名稱​的欄位。

    3. 確認您是透過Adobe使用CDN,而非以直接關係進行管理。

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

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

      按一下「設定 > 應用程式設定 > 一般設定」。

      查找標籤為​已發佈伺服器名稱​的欄位。 如果您目前使用一般Dynamic Media Classic網域,可以請求移轉至您自己的自訂網域,作為此轉變的一部分。

    5. 指出您是否還需要智慧型影像處理才能透過HTTP/2運作。

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

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

  5. 可選:您可以選擇在測試環境中測試智慧型影像,然後Adobe將新功能推送至生產環境。

  6. 完成後,支援會通知您。

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

    1. 如果您使用Dynamic Media Classic,請按一下「Setup > Application Setup > Publish Setup > Image Server」。 將​預設客戶端快取時間設定為「Live 」值24或更長。
    2. 如果您使用Dynamic Media,請依照這些指示操作。 將​過期​值設定24小時或更久。

何時可以使用智慧影像處理啟用帳戶?

根據等待清單,按技術支援接收請求的順序處理請求。

注意

啟用智慧影像處理需要Adobe清除快取,因此可能需要較長的前置時間。 因此,在任何指定時間都只能處理少數客戶轉變。

切換到使用智慧映像有什麼風險?

客戶網頁沒有風險。 不過,轉換至智慧型影像處理會清除CDN中的快取,因為它涉及在Experience Manager上移至Dynamic Media Classic或Dynamic Media的新設定。

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

如何驗證智慧型影像是否如預期般運作?

  1. 使用智慧型影像設定帳戶後,請在瀏覽器上載入Dynamic Media Classic/Dynamic Media影像URL。

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

  3. 開啟開發人員工具時,請確定已停用快取。

    • 在Windows®上,導覽至開發人員工具窗格中的設定,然後選取​停用快取(當開啟裝置時)​核取方塊。
    • 在macOS上,在開發人員窗格的​Network​標籤下,選擇​disable cache
  4. 觀察「內容類型」已轉換為適當的格式。 下列螢幕擷圖顯示在Chrome上動態轉換為WebP的PNG影像。

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

注意

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

image2017-11-14_15398

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

是. 您可以將修飾詞bfc=off新增至URL,以關閉智慧型影像。

我可以要求在公司層級關閉DPR和網路最佳化嗎?

是. 若要停用貴公司的DPR和網路最佳化,請建立支援案例,如本主題前面所述。

可以使用什麼「調整」? 是否有任何可定義的設定或行為? (#tuning-settings)

目前,您可以選擇啟用或禁用智慧映像。 沒有其他調整可用。

如果智慧影像處理管理質量設定,是否有要設定的最小值和最大值? 例如,是否可設定「不低於60」和「不大於80品質」? (#minimum-maximum)

當前智慧映像中沒有此類配置功能。

有時,JPEG影像會傳回至Chrome,而非WebP影像。 為什麼? (#jpeg-webp)

智慧型影像處理會判斷轉換是否有益。 只有在轉換導致檔案大小較小且品質相當時,才會傳回新影像。

智慧型影像處理DPR最佳化如何與Adobe Experience Manager Sites元件和Dynamic Media檢視器搭配運作?

  • Experience Manager網站核心元件預設會設定以進行DPR最佳化。 為避免因伺服器端智慧型影像處理DPR最佳化而造成影像過大,一律會將dpr=off新增至Experience Manager網站核心元件Dynamic Media影像。
  • 根據預設,為了將Dynamic Media Foundation元件設定為DPR最佳化,為了避免因伺服器端智慧型影像處理DPR最佳化而造成影像過大,一律會將dpr=off新增至Dynamic Media Foundation元件影像。 即使客戶在DM Foundation元件中取消選取DPR最佳化,伺服器端智慧型影像處理DPR也不會生效。 總之,在DM基礎元件中,DPR優化僅基於DM基礎元件級別設定而生效。
  • 任何檢視器端DPR最佳化都會與伺服器端智慧型影像處理DPR最佳化搭配運作,而不會導致影像大小過大。 換言之,無論DPR是由檢視器處理的,例如只有啟用縮放的檢視器中的主檢視,伺服器端智慧型影像處理DPR值都不會觸發。 同樣地,只要檢視器元素(例如色票和縮圖)沒有DPR處理,就會觸發伺服器端智慧型影像處理DPR值。

本頁內容