智慧型影像 smart-imaging
什麼是「智慧型影像」? what-is-smart-imaging
智慧型影像技術可套用Adobe Sensei AI功能,並與現有的「影像預設集」搭配使用。 它會根據使用者端瀏覽器功能自動最佳化影像格式、大小和品質,藉此增強影像傳送效能。
現在,LCP (最大內容繪製)的Google Core Web Vital分數更佳,智慧型影像處理功能更完善,現在同時提供AVIF和WebP支援。
- 檔案大小(含WebP和AVIF傳送)
- 網路頻寬
- DPR (裝置畫素比率)
智慧型影像可與Adobe同級最佳的高階CDN (內容傳遞網路)服務完全整合,進而提升效能。 此服務會尋找伺服器、網路和對等點之間的最佳網際網路路由。 它會找到延遲最低、封包遺失率最低的路由,而不使用網際網路上的預設路由。
下列影像資產範例說明新增的智慧型影像最佳化:
與上述類似,Adobe也使用較大的範例集執行測試。 與WebP相比,AVIF格式提供了20%的額外大小縮減,比JPEG提供了27%的縮減。 視覺品質完全相同。 與JPEG相比,AVIF的平均大小縮減率總計高達41%。
比較WebP和AVIF與PNG,您可以看到WebP的大小減少84%,AVIF的大小減少87%。 此外,由於WebP和AVIF格式都支援透明和多重影像動畫,因此非常適合取代透明的PNG和GIF檔案。
最新智慧型影像的主要優點為何? what-are-the-key-benefits-of-smart-imaging
智慧型影像可根據使用者端使用的瀏覽器、裝置顯示和網路狀況,自動最佳化影像檔案大小,以提供更優異的影像傳送效能。 由於影像佔據了頁面的大部分載入時間,因此任何效能改善都會對業務KPI產生深遠影響,例如更高的轉換率、在網站上逗留的時間以及較低的網站跳出率。
最新智慧型影像處理的最新主要優點包括:
- 現在支援下一代AVIF格式。
- PNG至WebP和AVIF現在支援有損轉換。 由於PNG是無損格式,因此先前傳送的WebP和AVIF是無損的。
- 瀏覽器格式轉換(
bfc
) - 裝置畫素比例(
dpr
) - 網路頻寬(
network
)
關於瀏覽器格式轉換(bfc) bfc
透過將bfc=on
附加至影像URL來開啟瀏覽器格式轉換,會自動將JPEG和PNG轉換成其他瀏覽器的有損AVIF、有損WebP、有損JPEGXR、有損JPEG2000。 對於不支援這些格式的瀏覽器,智慧型影像會繼續提供JPEG或PNG。 除了格式以外,新格式的品質也會由「智慧型影像」重新計算。
您也可以將bfc=off
附加至影像的URL來關閉智慧型影像。
另請參閱Dynamic Media影像提供與轉譯API中的bfc。
關於裝置畫素比(dpr)最佳化 dpr
裝置畫素比率(DPR) — 也稱為CSS畫素比率 — 是裝置的實體畫素與邏輯畫素之間的關係。 特別是隨著Retina熒幕的出現,現代行動裝置的畫素解析度正以快速的速度增長。
啟用「裝置畫素比最佳化」 ,以熒幕的原生解析度呈現影像,使影像更清晰。
目前,顯示器的畫素密度來自Akamai CDN標題值。
dpr=off
dpr=on,dprValue
dprValue
的允許值是大於0的任何數字。- 即使公司層級DPR設定為off,您仍可使用
dpr=on,dprValue
。 - 由於DPR最佳化,當產生的影像大於MaxPix Dynamic Media設定時,一律會透過維持影像的外觀比例來辨識MaxPix寬度。
關於網路頻寬最佳化 network
開啟網路頻寬會自動根據實際網路頻寬調整影像品質。 因為網路頻寬太低,DPR (裝置畫素比)最佳化功能即使已經開啟,也會自動關閉。
如有需要,貴公司可將network=off
附加至影像的URL,選擇退出個別影像層級的網路頻寬最佳化。
network=off
DPR和網路頻寬值是根據偵測到的套件式CDN使用者端值。 這些值有時不準確。 例如,DPR=2的iPhone5和dpr=3
的iPhone12都顯示dpr=2
。 不過,對於高解析度裝置,傳送dpr=2
還是比傳送dpr=1
好。 然而,克服這種不正確性的最佳方式是使用使用者端DPR,為您提供100%正確的值。 而且它適用於任何裝置,不論是Apple或任何其他已啟動的裝置。 請參閱使用智慧型影像搭配使用者端裝置畫素比率。
智慧型影像處理的其他主要優點
- 改善使用最新智慧型影像處理之網頁的Google SEO排名。
- 立即提供最佳化內容(在執行階段)。
- 使用Adobe Sensei技術,根據影像要求中指定的品質(
qlt
)進行轉換。 - 不受TTL (存留時間)影響。 之前,智慧型影像處理至少必須有12小時的TTL才能運作。
- 先前,原始和衍生影像都會經過快取,而且是使快取失效的兩步驟程式。 在最新的智慧型影像處理中,只會快取衍生專案,進行單一步驟的快取失效程式。
- 在規則集中使用自訂標題的客戶可受益於最新的智慧型影像,因為這些標題不會遭到封鎖,不像舊版的智慧型影像。 例如,如新增自訂標頭值至影像回應|Dynamic Media Classic中建議的「計時允許來源」、「X-Robot」。
智慧型影像是否有任何相關的授權成本? are-there-any-licensing-costs-associated-with-smart-imaging
不適用。 智慧型影像包含於您現有的授權中。 此規則適用於Dynamic Media Classic或Experience Manager - Dynamic Media (內部部署、AMS和Experience Manageras a Cloud Service)。
智慧型影像如何運作? how-does-smart-imaging-work
當消費者要求影像時,「智慧型影像處理」會檢查使用者特性,並根據使用中的瀏覽器將其轉換為適當的影像格式。 這些格式轉換的進行方式不會降低視覺的逼真度。 智慧型影像會根據瀏覽器功能,以下列方式自動將影像轉換為不同格式。
-
如果瀏覽器支援格式,則自動轉換為AVIF
-
如果AVIF轉換沒有好處或瀏覽器不支援AVIF,則自動轉換成WebP
-
如果Safari不支援WebP,則自動轉換為JPEG2000
-
自動轉換為IE 9+適用的JPEGXR,或如果Edge不支援WebP
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 JPEG2000 https://caniuse.com/jpeg2000 JPEGXR https://caniuse.com/jpegxr -
對於不支援這些格式的瀏覽器,會提供最初請求的影像格式。
如果原始影像大小小於智慧型影像產生的大小,則會提供原始影像。
支援哪些影像格式? what-image-formats-are-supported
智慧型影像支援下列影像格式:
- JPEG
- PNG
對於JPEG影像檔案格式,新格式的品質會由「智慧型影像」重新計算。
對於支援PNG等透明度的影像檔案格式,您可以設定「智慧型影像」以傳送有損的AVIF和WebP。 針對有損格式轉換,「智慧型影像處理」會使用影像URL中所述的品質,或是使用Dynamic Media公司帳戶中設定的品質。
智慧型影像如何處理我已在使用的現有影像預設集? how-does-smart-imaging-work-with-our-existing-image-presets-that-are-already-in-use
智慧型影像可搭配您現有的影像預設集使用,並觀察所有影像設定。 影像格式或品質設定(或兩者)會有何改變。 對於格式轉換,「智慧型影像處理」會維持影像預設集設定所定義的完整視覺逼真度,但檔案大小較小。
例如,假設影像預設集是以JPEG格式定義,大小為500 x 500,品質為85,遮色片銳利化調整為0.1,1,5。 當智慧型影像偵測到使用者在Chrome瀏覽器上時,影像會轉換為WebP格式,大小為500 x 500。 而且,不銳利化遮色片=0.1、1、5的WebP品質儘可能符合85的JPEG品質。 會將該WebP轉換的佔用空間與JPEG進行比較,並傳回兩者中較小者。
我是否必須在我的網站上變更任何URL、影像預設集,或部署任何新的程式碼以進行智慧型影像處理? will-i-have-to-change-any-urls-image-presets-or-deploy-any-new-code-on-my-site-for-smart-imaging
不適用。 智慧型影像可以順暢地搭配您現有的影像URL和影像預設集。 此外,智慧型影像不需要您新增程式碼至網站以偵測使用者的瀏覽器。 所有此功能都會自動處理。
智慧型影像處理是否適用於HTTPS? HTTP/2呢? does-smart-imaging-working-with-https-how-about-http
智慧型影像處理透過HTTP或HTTPS傳送的影像。 此外,它也適用於HTTP/2。
我是否符合使用智慧型影像處理的資格? am-i-eligible-to-use-smart-imaging
若要使用智慧型影像,貴公司的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授權時,您的第一個自訂網域不需額外付費。
為我的帳戶啟用智慧型影像的流程為何? what-is-the-process-for-enabling-smart-imaging-for-my-account
您起始了使用智慧型影像的要求,但系統不會自動啟用此要求。
建立支援案例,如下所述。 在您的支援案例中,請務必提及要在帳戶上啟用的下列智慧影像功能(一或多個):
- WebP
- AVIF
- DPR與網路頻寬最佳化
- PNG至有損AVIF或有損WebP
如果您已透過WebP啟用智慧型影像,但想要上述的其他新功能,則必須建立支援案例。
若要建立支援案例,在您的帳戶上啟用智慧型影像處理:
-
在您的支援案例中提供下列資訊:
-
主要連絡人姓名、電子郵件、電話。
-
列出您要在帳戶上啟用的下列智慧影像功能(一或多個):
- 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運作。
-
-
Adobe客戶支援會根據提交請求的順序,將您新增至智慧型影像處理客戶等候清單。
-
當Adobe準備好處理您的請求時,客戶支援聯絡您以協調並設定目標日期。
-
選擇性:您可以選擇在Adobe將新功能推展到生產環境之前,先在「測試」中測試「智慧型影像」。
-
客戶支援會在完成後通知您。
-
為了最大化智慧型影像的效能改善,Adobe建議將存留時間(TTL)設定為24小時或更長。 TTL會定義CDN快取資產的時間長度。 若要變更此設定:
- 若您使用Dynamic Media Classic,請移至 設定 > 應用程式設定 > Publish設定 > 影像伺服器。 將 預設使用者端快取存留時間 值設為24或更長。
- 如果您使用Dynamic Media,請遵循這些指示。 將 Expiration 值設定為24小時或更久。
何時可以啟用智慧型影像處理來啟用我的帳戶? when-can-i-expect-my-account-to-be-enabled-with-smart-imaging
根據「等待清單」,客戶支援收到的請求會依順序處理。
切換至使用智慧型影像有何風險? what-are-the-risks-with-switching-over-to-use-smart-imaging
客戶網頁沒有風險。 不過,轉換至智慧型影像處理會清除CDN快取。 此作業涉及在Experience Manager上移至Dynamic Media Classic或Dynamic Media的新設定。
在初始轉換期間,非快取影像會直接點選Adobe的原始伺服器,直到再次重建快取為止。 因此,Adobe計劃一次處理幾個客戶轉換,以便在從來源提取請求時維持可接受的效能。 對於大多數客戶而言,CDN會在約1至2天內再次完全建立快取。
如何確認智慧型影像處理是否如預期運作? how-can-i-verify-whether-smart-imaging-is-working-as-expected
-
帳戶設定智慧影像後,請在瀏覽器上載入Dynamic Media Classic或Adobe Experience Manager - Dynamic Media影像URL。
-
在瀏覽器中前往 檢視 > 開發人員 > 開發人員工具,開啟Chrome開發人員窗格。 或者,選擇您選擇的任何瀏覽器開發人員工具。
-
請確保在開發人員工具開啟時停用快取。
- 在Windows®上,瀏覽至開發人員工具窗格中的設定,然後選取 停用快取(當devtools開啟時) 核取方塊。
- 在macOS上,在開發人員窗格的 網路 標籤下,選取 停用快取。
-
請注意,內容型別已轉換為適當的格式。 下列熒幕擷圖顯示的PNG影像正動態轉換為Chrome上的WebP。 如果您的網域已啟用AVIF,內容型別中也可能看到AVIF。
-
在不同的瀏覽器和使用者條件下重複此測試。
我如何知道效能的提升? 您是否有辦法瞭解智慧型影像技術的優點? benefits
智慧型影像標題決定智慧型影像的優點。 啟用智慧型影像時,當您要求影像之後,在 回應標題 標題下,您可以看到-X-Adobe-Smart-Imaging
,如下列醒目提示的範例所示:
此標題會告訴您下列內容:
- 智慧型影像處理功能適用於本公司。
- 正值表示轉換成功。 在這種情況下,會傳回新的WebP影像。
- 負值表示轉換不成功。 在這種情況下,會傳回原始要求的影像(如果未指定,預設為JPEG)。
- 正值會顯示要求的影像與新影像之間的位元組差異。 在上述範例中,儲存的位元組為
75048
或一個影像約75 KB。 - 負值表示要求的影像小於新影像。 會顯示負數大小差異,但提供的影像僅為原始要求的影像。
X-Adobe-Smart-Imaging
的值為–1,而且WebP仍在傳遞,則表示智慧型影像正在運作,但由於快取記憶體太舊,因此並未計算大小優勢。 您可以在影像的URL中使用cache=update
(僅一次)來修正此問題。使用修飾元的範例:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
若要讓整個快取失效,您必須建立支援案例。
如何在智慧型影像中停用AVIF最佳化? disable-avif
如果您想要依預設切換回提供WebP,請為相同專案建立支援案例。 如同往常,您可以新增引數bfc=off
至影像的URL來關閉智慧型影像。 不過,您無法在智慧型影像的URL修飾元中選取WebP或AVIF。 此能力在您的公司帳戶層級進行維護。
智慧型影像處理是否可因任何要求而關閉? turning-off-smart-imaging
可以。您可以新增下列任何修飾元來關閉智慧型影像:
有哪些「調整」可供使用? 是否有任何可定義的設定或行為? tuning-settings
智慧型影像有三個可啟用或停用的選項。
我在Chrome網頁瀏覽器上有URL,其中的fmt=tif。 但我的要求失敗,並出現ImageServer錯誤。 原因為何? fmt-tif
如果您的帳戶未啟用智慧型影像處理,就不會發生這個錯誤。 智慧型影像僅適用於JPEG或PNG格式。
若要避免此錯誤,您可以:
- 指定JPEG或PNG,或
- 完全不使用
fmt
修飾元,或 - 使用智慧型影像定義的瀏覽器偏好格式。 例如,您可以使用Chrome網頁瀏覽器的WebP。
我想從影像的URL下載TIFF影像。 我應該怎麼做? download-tif
將fmt=tif
和bfc=off
新增至影像的URL路徑。
智慧型影像處理是否只管理影像格式,或同時管理影像品質設定以獲得最佳結果?
智慧型影像使用格式和品質。 其餘的引數則維持不變(如果影像的URL中有要求)。
如果智慧型影像確實能管理品質設定,我可以設定最小值和最大值嗎? 換句話說,品質不小於60且不大於80? quality-setting
目前沒有這類布建。
智慧型影像處理會自動調整百分比品質輸出設定,還是手動調整的設定,且會套用至所有影像? 在哪個範圍內? percent-quality
智慧型影像會自動調整品質百分比。 此品質百分比是由Adobe開發的機器學習演演算法所決定。 此百分比不限範圍。
使用智慧型影像時,支援或忽略哪些影像伺服命令? support-ignore
唯一被忽略的命令是fmt
和qlt
。 支援所有剩餘的命令。
智慧型影像是否只會取代JPEG影像? 如果我請求WebP、PNG或其他什麼怎麼辦? replace-request
此功能僅適用於JPEG和PNG。
為何JPEG影像有時會傳回Chrome而非WebP? jpeg-returned
智慧型影像可判斷轉換是否有效。 它只會傳迴轉換有利的新影像。
為何裝置畫素比(dpr)功能無法如預期運用於複合影像? composite-images
如果複合影像涉及太多圖層,則使用position修飾元時,dpr功能可能會受到影響。 此問題已知,且應在未來版本的「智慧型影像」中修正。 如果其他智慧型影像功能無法如預期運作,您可以建立支援案例來報告問題。
為何智慧型影像處理PNG仍會轉換為不失真WebP/AVIF? convert-to-lossless
由於PNG為無損格式,因此先前傳送的WebP和AVIF為無損結果,因此大小比預期大。 智慧型影像處理現在支援有損轉換。 您可以在影像要求中使用修飾元cache=update
(僅限一次)來修正此問題。 使用此修飾元的範例:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
若要讓整個快取失效,您必須建立要求此類努力的支援案例。
如何在智慧型影像中繼續使用PNG進行無損轉換? continue-using
智慧型影像處理現在支援根據品質等級進行有損轉換。 若要繼續使用無損轉換,您可以使用透過您公司的設定所設定的100品質,或是透過影像的URL,在路徑中使用qlt=100
。