[AEM Assets]{class="badge positive" title="適用於AEM Assets)。"}

Dynamic Media歷程:基礎知識,第一部分 dm-journey-part1

NOTE

本指南介紹​ Adobe Experience Manager ​上的​Dynamic Media,說明系統如何運作、其提供的核心功能,以及它如何跨網路、行動裝置和行銷管道加速建立、管理和傳送豐富的視覺媒體。 Dynamic Media​可讓組織從單一主資產提供互動式、回應式及隨選影像和視訊,減少生產額外負荷,並改善每個接觸點的客戶體驗。

先決條件

在開始此歷程之前,讀者可受益於對以下領域的熟悉,因為​ Dynamic Media ​會直接與這些格式、技術和設計工作流程互動:

  • 基本瞭解影像和視訊格式 — 這是必要的,因為​ Dynamic Media ​會擷取、轉換及傳遞各種編碼中的資產。
  • 基本瞭解HyperText標籤語言(HTML)和階層式樣式表(CSS) — 有助於在網頁上內嵌及設定​ Dynamic Media ​傳遞的樣式。
  • 基本瞭解Adobe Illustrator、Adobe Photoshop和Adobe XD等設計工具 — 很有用,因為​ Dynamic Media ​的來源資產通常在這些應用程式中產生。
  • 在​ Adobe Experience Manager ​上存取​ Dynamic Media ​會很有幫助,但並非概念性遵循的必要動作。

您可以瞭解的內容

第一部分

  • 什麼是​Dynamic Media,以及它如何支援可擴充、高效能的多媒體傳送。
  • Dynamic Media​的實用使用案例,包括回應式影像、互動式視訊、360°產品旋轉以及個人化的電子商務和行銷視覺體驗。
  • 資產如何流經​ Dynamic Media ​系統,從擷取到處理,再到一般使用者傳遞。

第二部分

  • 剖析​ Dynamic Media ​統一資源定位器(URL),以及​ Dynamic Media ​如何透過其影像伺服器依需求傳送內容。
  • 建立​ 影像預設集 ​的基礎知識,以使用必要的尺寸、格式和品質設定來呈現資產。
  • 影像集 (可供替代檢視的相關產品影像集合)、迴轉集 (可建立產品360°旋轉檢視的影像順序)及​混合媒體集 (單一互動檢視器中的影像、視訊和迴轉集組合)。

客群

此歷程是專為​ Adobe Experience Manager ​上​ Dynamic Media ​的新手角色所設計:

  • 管理員
  • 業務分析師
  • 內容架構師
  • 內容作者
  • Designer
  • 開發人員
  • 行銷人員
  • 產品經理/銷售機會
TIP
為達到最佳效果,Adobe建議您使用桌上型電腦閱讀及檢視此​ Dynamic Media ​檔案,因為視覺範例、互動式檢視器及程式碼範例在較大熒幕上的呈現方式最為清晰。

什麼是Dynamic Media以及它如何協助您? dm-journey-a

Dynamic Media​是Adobe解決方案,可讓品牌和行銷人員隨選提供豐富的視覺銷售和行銷資產。 使用一組​主要來源資產 — 例如影像、視訊和3D — Dynamic Media透過其​全域、可擴充、效能最佳化的CDN (內容傳遞網路),即時產生並傳遞此豐富內容​的多個變數。

主要功能

Dynamic Media可建立並提供互動式檢視體驗,包括:

  • 縮放 — 高解析度特寫檢視產品影像
  • 360度旋轉 — 可讓購物者從各個角度檢查專案的旋轉產品檢視
  • 影片 — 串流媒體與靜態資產一起傳送

Assets會動態調整規模,以用於​ 網站、行動裝置和社交網站 ​的耗用量。 由於轉譯會在CDN上即時進行,因此可在每個管道和裝置大小中重複使用單一主要資產,無需手動為每個目的地製作和儲存個別版本。 這能減少生產額外負荷,並有助於確保客戶在任何地方遇到內容時都能獲得一致的品牌體驗。

與Adobe Experience Manager Assets整合

Dynamic Media整合​ Adobe Experience Manager Assets ​數位資產管理(DAM)解決方案的工作流程,以簡化及簡化數位行銷活動管理程式。 此整合表示創意、行銷和銷售團隊可以從統一的環境管理來源檔案、核准、中繼資料和傳遞,也就是將資產治理直接連線至全通道傳遞。

一個檔案包含多個傳送選項

Adobe Dynamic Media是以單一核心原則運作:一個主要資產檔案、多個傳送選項。 Dynamic Media不會為每個頻道、裝置或網頁複製並手動重新設定媒體的版本,而是會儲存單一​主要資產,並根據該來源產生每個轉譯。

若要瞭解其重要原因,請考慮單一資產(例如影像或影片)的傳統工作流程。 團隊通常會建立一個主要資產,然後手動針對每個體驗、每個目標裝置、每個網頁以及資產出現的每個屬性產生相同資產的版本。 長期下來,單一資產可能會增加到20個、30個或更多版本,通常不會附加版本記錄。 現在,將這項工作乘以程式庫中每個影像和視訊上的結果。 維護和更新的資產變體數量變得難以承受,儲存成本也因此攀升。

Dynamic Media有何不同

Dynamic Media與傳統系統截然不同,因為行銷人員和開發人員會使用Dynamic Media,透過URL呼叫,以動態方式從單一主要資產傳遞媒體​ 。 使用者端請求的​ ​Dynamic Media URL路徑​ ​包含內嵌指示,指示Adobe發佈伺服器如何在資產傳送至客戶熒幕時顯示資產。 因此,可在​ ​無限制的轉譯**​中立即傳送相同的單一主要資產,並會隨著以下動態變化:

  • 大小 — 根據目標配置或中斷點量身打造的維度
  • 格式 — 影像或視訊格式已針對請求使用者端最佳化
  • 解析度 — 畫素密度與顯示器相符

這表示團隊不再需要預先產生及儲存每個可能的變體。 URL本身會定義轉譯,而伺服器會即時產生轉譯。

每個熒幕和頻寬都維持一致的品質

此傳送方法可確保Adobe Dynamic Media將一致、高品質的體驗傳送至任何畫面,無論畫面大小或頻寬為何。 Dynamic Media也會針對所有熒幕型別最佳化完整大小的視訊,並以​ 適應性串流 ​這些型別,根據檢視者的連線調整品質,以保留順暢、無中斷的使用者體驗。

Adobe Dynamic Media會將相同的主要影像提供給不同大小和格式的不同媒體
Adobe Dynamic Media可確保在任何熒幕都能提供一致、高品質的體驗,無論熒幕大小或頻寬為何。

為什麼「一個主要資產、多個傳送選項」很重要

將單一主要資產合併後,可直接從模型獲得數個實際好處:

  • 減少儲存空間 — 單一來源檔案取代數十種手動產生的變體。
  • 更快的反複專案 — 更新主要資產會自動將變更傳播到每個下游轉譯。
  • 一致的品牌體驗 — 每個裝置和頻道都是從相同的授權來源提供,消除版本之間的漂移。
  • 簡化的控管 — 單一信任來源比龐大的臨時副本集合更容易追蹤、稽核和更新。

如下列章節所說明,此「單一主要資產檔案、多個傳送選項」概念是Dynamic Media如何在Web、行動及連線的體驗中有效調整媒體傳送的基礎。

內容傳遞網路

當您準備好使用影像或視訊資產上線時,Dynamic Media的骨幹(功能強大、頂級的遞送網路,每天為全世界數百位使用者端提供服務)可予以支援。 Dynamic Media會透過​ Akamai ​所託管的​ 內容傳遞網路(CDN) ​散發資產。 CDN是Edge伺服器的分散式網路,兩者緊密合作,為全球使用者提供內容(尤其是大型多媒體檔案)。

CDN的運作方式

網頁內容儲存在網際網路上的網頁快取中,然後從最近的快取直接提供給使用者,以加快傳送速度。 此程式的運作方式如下:

  1. 第一個要求:​當某人首次下載網頁時,資產會傳送至該地理區域的CDN快取。
  2. 快取儲存體:​這些資產儲存在本機Edge伺服器上。
  3. 後續要求:​下次同一區域中的使用者存取頁面時,快取的內容會從附近的伺服器傳送,而不是從來源。

內容送達的速度更快,因為內容在實體上距離使用者較近,減少網路延遲和來回時間。 此核心機制可讓CDN比傳統的單一來源傳送速度更快。

使用者與企業獲得的優勢

CDN具備下列顯著優勢:

  • 透過地理位置鄰近的快取,網頁顯示速度更快
  • 中央伺服器的頻寬需求減少,因為內容是由快取網路提供,而非來自每個要求的原點
  • 改善使用者體驗,降低延遲時間並加快資產呈現
  • 增加銷售量,因為最佳化的傳遞流程可讓訪客持續參與,而不會因載入時間緩慢而遺失

效能與規模

CDN在全球大規模運作,歷來都能提供:

  • 每個月​3.5 PB的客戶流量
  • 一天內​520億個資產
  • 每秒​成功傳送給客戶的864,000個影像和視訊

這些圖例說明Dynamic Media的Akamai支援CDN為豐富媒體分送帶來的輸送量和可靠性。

智慧型影像

Dynamic Media已使用內容傳遞網路(CDN)最佳化資產,並確保每個資產能在行動與案頭系統上快速載入。 為了達成此目的,Dynamic Media使用​ 影像預設集 ​來定義影像品質。 影像預設集也會針對體驗或頁面的不同部分,定義您要傳送的影像型別、其銳利度以及其他演算引數。

但若要讓Dynamic Media在影像預設集之外更進一步增加價值,則有​智慧型影像。

智慧型影像處理根據您現有的影像預設集設定和特定使用者特性,相較於標準的Dynamic Media傳遞方式,可提供22%到47%的效能提升,同時保留影像品質,如同從未接觸過資產一樣。

智慧型影像的運作方式

智慧型影像功能會根據客戶的​ 瀏覽器功能 ​自動最佳化影像的​ 格式 ​和​檔案大小,以提供更優異的影像資產傳遞效能。 它可與您現有的影像預設集搭配使用(此歷程第二部分將討論影像預設集),並在傳送時套用智慧。

此智慧進一步根據瀏覽器和​ 網路連線速度 ​縮小影像檔案大小。 簡言之,智慧型影像處理會根據客戶的瀏覽器功能和網路速度,自動最佳化影像的格式和檔案大小,並根據特定的檢視條件調整每個傳送。

效能與業務影響

由於影像資產佔頁面載入時間的大部分,因此智慧型影像產生的效能改善會直接影響數個關鍵業務指標。 更快的影像傳送會導致:

  • 較高的轉換率
  • 增加​ 網站 ​逗留時間
  • 較低的網站跳出率

因果鏈直截了當:更小、最佳化的影像載入更快、頁面更快,可建立更流暢的使用者體驗,而更流暢的體驗可轉化為更強大的參與度和收入結果。

如何啟用智慧型影像處理

智慧型影像

Adobe Dynamic Media技術支援預設不會開啟智慧型影像,因為需要協調操作。 啟用智慧型影像處理也需要完全清除CDN快取,並隨著時間重新填滿,以確保將先前快取、未最佳化的影像變體取代為新最佳化的傳送。

若要使用「智慧型影像」,請遵循下列步驟:

  1. 向Adobe Dynamic Media技術支援提交技術支援票證。
  2. 從技術支援接收URL引數,讓您在完全啟用之前預覽智慧型影像處理行為。
  3. 在任何網頁或影像上測試,以測量效能提升與檔案大小節省在您自己的內容上。
  4. 要求完全啟用,以便為您的整個網站開啟智慧型影像處理。

透過此先試用後啟動方法,您可在認可全網站轉出前,驗證特定預設集和對象預期中的22%至47%效能提升。

最適化視訊集

最適化視訊集​會將相同來源視訊的多個編碼版本分組 — 每個版本都以不同的​ 位元速率 ​和​ 格式 ​呈現 — 以便在任何網路狀況下都能將最佳檔案傳送到任何裝置。 這是Dynamic Media的解決方案,可順利在手機、平板電腦和桌上型電腦上串流視訊,發佈者無須手動管理編碼、大小調整或傳送邏輯。

為何視訊傳送複雜

當頁面包含影片時,客戶通常會更長時間參與該內容,且停留在該頁面上的時間更長,這是Adobe透過其自己的分析所觀察到的行為模式。 然而,要抓住這種參與,需要同時解決幾個技術問題:

  • 主要來源檔案很大,通常太重,無法直接提供。
  • 播放器必須決定​ 如何調整、編碼及傳送 ​視訊,以便順利播放。
  • 無論檢視器的裝置或可用的頻寬為​,播放都必須保持可靠。

Dynamic Media會產生最適化視訊集並加以提供,以取代單一靜態檔案,進而解決這些挑戰。

自我調整視訊集如何運作

  1. 上傳主要視訊。 您可從原始的高品質來源檔案開始,然後將其上傳至系統。
  2. 自動轉碼。 Dynamic Media會自動調整該來源的大小,或將​ 轉碼為 ​多個衍生視訊 — 每個視訊是以不同的解析度編碼,且位元速率針對特定類別的裝置或連線速度最佳化。
  3. 要求時的智慧型傳遞。 當檢視者要求視訊時,Dynamic Media會決定​要提供哪個編碼版本、哪個品質等級以及哪個格式,然後將其串流傳送到手機、平板電腦或桌上型電腦。

例如,在iOS行動裝置上,Dynamic Media會偵測連線是​4G、5G還是Wi-Fi。 它會根據這個訊號,從「自我調整視訊集」內的各種位元速率中,自動選取適當的編碼視訊,並將其串流到裝置。

自動品質切換

最適化視訊集會持續回應觀看條件:

  • 網路波動:​當網路條件變更播放中間,播放器會自動切換成集合中的不同編碼版本。 這樣可保持播放連續進行,並減少頻寬下降造成的中斷情形。
  • 在桌上型電腦上以全熒幕檢視:​當客戶進入全熒幕模式時,Adaptive Video Set會提供更高解析度的編碼來回應,以更大的顯示大小改善檢視體驗。

主要優點

使用自我調整視訊集可提供:

  • 流暢、高品質的播放,適合在多個熒幕與裝置上觀賞Dynamic Media視訊的客戶。
  • 簡化的視訊管理,因為單一來源上傳會自動轉碼為所需的每個版本,不需要手動建立、儲存及鎖定每個裝置或頻寬案例的個別檔案。
  • 一致的檢視器體驗,因為相同的最適化視訊集會即時適應裝置功能、連線型別和播放內容。

Dynamic Media的使用案例 dm-journey-b

以下是Dynamic Media為推動正面客戶參與、忠誠度、轉換及提高​ 投資報酬率(ROI) ​而解決的常見使用案例問題和解決方案。

Dynamic Media可以解決行銷、電子商務和數位體驗團隊所面臨的經常性挑戰,這些團隊必須跨每個裝置、頻道和受眾區段大規模提供豐富的視覺內容。 Dynamic Media透過集中影像、視訊和互動媒體製作與傳遞,減少手動製作額外負荷,加快上市時間,並確保客戶能在正確的情境中看到正確的視覺體驗,進而加強參與度並提高轉換率。

常見Dynamic Media使用案例

  • 回應式、裝置最佳化的影像 — 自動針對提出要求的裝置和檢視區,傳送大小、裁切和壓縮的影像。 如此一來,您就不需要製作及儲存多個手動轉譯、提升頁面載入效能,並建立跨案頭、平板電腦及行動裝置的一致視覺體驗。
  • 隨選視訊傳送與串流 — 跨沒有協力廠商視訊平台的頻道,以自適應的方式將視訊編碼、託管及串流處理。 最適化位元速率傳送可確保在不同網路條件下順暢播放,支援更高的觀看率,以及更豐富的產品storytelling。
  • 互動式檢視器及多媒體體驗 — 提供縮放、360度旋轉、影像集、輪播及具有熱點視訊的檢視器,讓購物者能夠詳細檢查產品。 互動式體驗可深化參與度並減少購買猶豫不決,進而直接促成更高轉換。
  • 智慧型裁切和AI輔助影像 — 使用智慧型裁切將影像主題置中於每個外觀比例和色版。 如此一來,重複性的手動編輯工作便不復存在,視覺效果的銷售仍可維持在大規模品牌上。
  • 個人化和情境式視覺體驗 — 從單一主檔案提供相同資產的變體 — 不同的顏色、語言、價格覆蓋或促銷訊息。 資產層級的Personalization可增加每個受眾區段的相關性,並透過讓體驗量身打造來支援忠誠度。
  • 一致的全通路傳送 — 發佈一次,並隨處傳送:網頁、行動應用程式、電子郵件、社交、商店內熒幕和市集。 媒體的單一信任來源可避免會削弱品牌信任的不一致。
  • 加速行銷活動的上市時間 — 透過動態引數重複使用主要資產,而非針對每個行銷活動重新拍攝或重新編輯。 行銷團隊可以更快速地啟動、迭代及本地化行銷活動,以維持動力並提高行銷活動的ROI。

這些使用案例會將具體的生產或交付問題與可衡量的業務成果聯絡起來:降低營運成本、加快上市週期、加強客戶參與、提高轉換率,以及改善長期忠誠度。

使用案例:主要檔案方法

頁面權重問題

一般網頁約90%的重量來自豐富媒體 — 影像和視訊檔案通常比其他頁面元件要重很多。 其餘的​10%為HTML、CSS程式碼和特定標籤。 降低頁面權重和內容大小(不論是針對影像或影片)是Dynamic Media最重要且最顯而易見的使用案例之一。 更輕的頁面載入更快,在行動網路上的效能也更好,並在跨裝置上提供更流暢的體驗,這一切都有助於更強大的參與度和轉換結果。

內容頁面權數
典型網頁的內容頁面權數。

由於豐富型媒體主導頁面權重,因此最佳化90%即為Dynamic Media的重點所在。 核心概念是​單一主要資產檔案,包含多個傳遞選項,此方法對於降低整體頁面權重至關重要。

單一主要檔案方法

單一主要資產可同時支援多個表面。 例如,一個產品影像可重複用於:

  • 產品詳細資料頁面
  • 縮圖頁面
  • 購物車
  • 搜尋格線

主要檔案方法
手錶是一個主要資產檔案,但會即時建立多個轉譯(而非復本)。

此重複使用方式非常有效率,並可確保資產出現的每個體驗中的視覺一致性。

Dynamic Media透過單一檔案方法解決的問題

問題
Dynamic Media解決方案
建立並儲存每個資產。
使用單一影像檔案,僅在傳送時自動建立所需的轉譯。
高儲存成本。
無須建立和儲存資產的多個復本。
難以維護保管鏈。
保證提供裝置最佳化且一致的體驗。
沒有版本記錄。
維護單一真實來源,讓每個轉譯可追溯至一個主要資產,且更新會傳播至使用過的所有地方。
跨裝置的不一致品牌體驗。
從單一主檔案提供裝置最佳化的轉譯,確保跨熒幕、解析度和外型規格的品牌外觀都相同。
建立重複資產的不必要成本。
在傳送時以動態方式產生變數,無需委託、核准及儲存相同資產的重複專案。

複製資產為何會產生隱藏成本

當團隊為每種體驗建立個別資產時,一個起始影像通常會變成20、30或40個已儲存的變數 — 每個變數都必須付費和管理。 然後團隊必須確保在每個內容中使用正確的影像,這會直接影響品牌一致性。 找不到影像時,團隊最終會再次複製資產,使儲存和協調成本增加。

單一檔案方式的優點

Dynamic Media會從該起始影像動態建立影像變化。 Creative團隊可與主要資產靈活合作,無需反複與平面設計團隊或攝影工作室協調以產生其他內容。 這直接降低了生產成本並縮短了上市時間,因為轉譯是依需求生產,而非預先建置和倉儲。

使用單一檔案方法時,單一主要檔案可為每個下游版本供電。 網站、屬性和客戶體驗所需的轉譯,只會在傳送給客戶時產生。 此效率大幅減少資產所需的儲存空間,並降低整體工作流程的複雜性。 Dynamic Media的傳送系統可確保每個影像和視訊都經過最佳化、快速載入,並在所有熒幕和裝置上看起來都很好。

使用案例:影片

Dynamic Media可處理數位商務最苛求的資產型別之一: 影片。 視訊資產因其檔案大小龐大、格式需求多,且需要在各種裝置、熒幕解析度和網路狀況中順暢呈現等原因,在管理、儲存和發佈方面原本就很複雜。 如果沒有自動化管道,團隊通常面臨手動轉碼、不一致的播放品質和緩慢的載入時間,所有這些都直接影響品牌認知和轉換。

問題
Dynamic Media解決方案
難以管理和傳送針對各種裝置最佳化的視訊。
使用​單一主視訊,自動調整所有裝置、熒幕解析度和方向的尺寸及重新格式。
視訊會因使用者可用的頻寬而停頓或播放低品質。
透過​ HTML5播放器 ​傳送視訊,該播放器​會自動偵測可用的頻寬,並動態調整資料流品質(最適化位元速率串流),以確保高傳真度以及順暢、不間斷的播放。
手動建立所有視訊版本既不可行又耗時,只是為了確保裝置間能良好顯示和播放。
透過簡化的自動化工作流程,省去數小時的繁瑣​ 轉碼 ​工作(將來源視訊轉換為多種編碼格式與解析度的程式)。
釋放團隊的產能,以進行更高價值的創意和策略性工作,因為生產團隊不再需要手動製作裝置特定的轉譯。

來到Dynamic Media的客戶有以下他們想要解決的問題:

「我的公司有視訊,但避免傳送。 測試顯示視訊品質不一致。 這會影響品牌和轉換。」

不一致的播放會削弱使用者信任度並增加跳出率,因為訪客會將停頓或低品質的視訊視為產品或品牌品質較差的訊號。 Dynamic Media的解決方案是取用一個主要視訊檔案,讓Dynamic Media透過其自動化的​ 轉碼 ​程式產生所有必要的大小和編碼。 然後,該輸出會與Dynamic Media的​ 智慧型視訊播放器 ​配對,智慧型視訊播放器會根據裝置和連線即時選取最佳轉譯。

因此,無論影片在主要登陸頁面、類別頁面或產品詳細資料頁面顯示,此工作流程都能確保影片在任何地方都能穩定高品質播放,協助維護品牌完整性,並支援客戶歷程中的更強勁轉換效能。

以下是其他幾個需考慮的使用案例。

使用案例:單一信任來源

問題
Dynamic Media解決方案
分散在組織中、分散在不同的團隊或業務單位的數位資產。
在​ 單一中央存放庫 ​中儲存和管理所有數位資產,為每個團隊提供一個權威來源。
團隊成員下載並建立本機版本。
團隊成員從​ 一個主要主檔案 ​開始工作,以建立​和,並提供所有熒幕大小和裝置所需的每個版本。
為每個體驗和裝置建立的一次性資產。
排除單一使用的資產,減少重複的生產工作,並降低建立資產的時間和成本。

使用案例:適用於多媒體的AI支援智慧型裁切

問題
Dynamic Media解決方案
手動裁切、調整大小及重新設定影像或視訊的影像,以強調焦點,並在所有熒幕大小和裝置上適當地顯示,既費時又費力。
使用Adobe人工智慧(AI)功能Dynamic Media中的​智慧型裁切,自動識別任何影像或視訊中的焦點(視覺主題或興趣點),然後智慧型裁切其周圍,以保留每個轉譯的焦點。
可以更妥善地用於建立具高度影響力的體驗的時間損失。
擷取預期的興趣點(無論熒幕大小如何),讓創意團隊可將工作重新導向設計高影響力的行銷活動,而非重新格式化資產。
為每個體驗和裝置建立的一次性資產。
消除重複的手動製作工作,同時提供高品質、快速載入的影像和視訊,以支援更強大的參與度和轉換,在桌上型電腦、平板電腦、行動電話和其他熒幕大小間銳利且一致地呈現。

使用案例:互動媒體製作

問題
Dynamic Media解決方案
無法吸引受眾、建立忠誠度或促進轉換的固定和靜態客戶體驗。
可讓非技術使用者輕鬆且順暢地新增互動元素,例如​熱點、輪播​及​迴轉集,無需開發人員介入即可產生更動態、吸引人的購物和瀏覽體驗。
使用不足的數位資產和乏善可陳的客戶體驗帶來的有限投資報酬率。
將靜態數位資產轉換為互動式豐富媒體體驗,吸引購物者的目光、鼓勵產品探索,並降低對其他創意產品的依賴,藉此提高轉換率和投資報酬率。

資產如何流經Dynamic Media系統 dm-journey-c

典型的​ Dynamic Media ​工作流程會透過三個循序階段移動資產: (1)建立、(2)製作/上傳​以及​(3)最佳化和發佈。 最終結果是從集中式​ Dynamic Media伺服器 ​透過網路、列印、電子郵件、案頭和行動裝置頻道動態傳送單一​主要資產。

資產如何流經Dynamic Media系統。

1. 建立階段 — 產生主要資產

工作流程開始於建立階段,目標是產生高品質的​主要資產。 這些主要資產通常源自:

Dynamic Media工作流程

  • 專業像片拍攝
  • 視訊廠商和生產合作夥伴
  • 為專案產生的音訊檔案

Adobe Creative Suite​應用程式支援此階段,包括​Adobe InDesign、Adobe Photoshop​和​Adobe Illustrator,用來在來源內容進入Dynamic Media系統之前設計、潤飾和完成來源內容。

2. 製作階段 — 上傳至Dynamic Media

一旦建立完成,完成的資產就會在​ Dynamic Media ​中上傳到製作解決方案。 在此階段中,已設定正確的​ 影像預設集 ​和​檢視器,並使這些預設集與網站上的各種網頁對齊,因此每個資產都會以適當的大小、品質和互動行為呈現其預定位置。

3. 發佈階段 — 最佳化及多管道傳送

在最後一個階段,已最佳化內容並發佈到​Dynamic Media伺服器。 此最佳化可為動態傳送準備資產,讓單一主檔案可在每個輸出通道中有效率地重複使用。 發佈後,該資產便可用於傳送至:

  • 網頁​和回應式網站
  • 列印​作品
  • 電子郵件​行銷活動
  • 案頭​體驗
  • 行動​裝置

這種集中化的「發佈一次、隨處傳送」模式可確保各管道的視覺一致性,同時減少儲存和管理每個目的地個別轉譯的需求。

將Assets上傳至Dynamic Media

建立主要資產後,將其上傳至Dynamic Media。 檔案型別、格式和大小​是決定Dynamic Media如何處理及傳遞資產的重要屬性。 在上傳時,請確定您從​ 單一檔案支援 ​模型中擷取最大值。

例如,下面的手錶影像測量​4560 x 3020畫素。 即使您從未打算以完整大小顯示影像,您仍應以最高可用解析度上傳。 來源影像越大,Dynamic Media可在每個轉譯中提供越好的品質(直到縮圖最小),因為Dynamic Media可從高解析度主影像縮減取樣,而不會引入成品。 請記住這個重要原則:您可以輕而易舉地​ 降低 ​現有影像的解析度,但嘗試​ 提高 ​低解析度影像的解析度,會產生不滿意的畫素化結果。

資產上傳的考量事項

建議上傳至Dynamic Media的格式

建議的檔案格式: Adobe建議以​ 不失真格式 ​上傳資產。 避免將​ JPEG ​作為來源格式,因為每次您傳送或儲存JPEG時,影像品質都會因為有失真壓縮而降低。 而是以最高解析度的影像開始,採用無損格式。 慣用的格式通常是:

  • TIFF (標籤影像檔案格式)
  • PNG (可攜式網路圖形)

色彩空間考量事項:​規劃數位頻道或網頁傳遞時,預設色彩空間為​RGB (紅色、綠色、藍色),這對應於熒幕使用光彩呈現色彩的方式。

大部分使用者不會考慮以​ CMYK (青色、洋紅色、黃色、金鑰/黑色) ​傳送資產,或他們為什麼需要傳送。 CMYK是印刷材料的標準色域,因為它對應於膠印和數位印刷機中使用的油墨。 不過,Dynamic Media支援以兩種色彩空間傳送。

許多客戶仍仰賴印刷製作,包括:

  • 倉儲批發俱樂部​生產會員目錄
  • 雜貨店​列印每週傳單和通告

這些客戶需要RGB和CMYK中的影像。 傳統上,符合此要求意味著要維護兩個個別的檔案:一個RGB版本和一個CMYK版本。 不過,透過Dynamic Media,您可以直接上傳CMYK資產,Dynamic Media會透過影像預設集或色彩設定檔自動傳送RGB資產。 如此一來,您就不需要建立及管理相同檔案的多個版本,並保留​單一主要資產檔案(包含多個傳遞選項)的核心原則。

發佈和預覽資產

在Dynamic Media發佈資產

將資產上傳至Dynamic Media後,請發佈這些資產,以便遞送到任何客戶體驗中。 若要手動發佈:

  1. 在Dynamic Media中選取已上傳的資產。
  2. 按一下​ 發佈 ​或​快速發佈。

由於未發佈的資產並非透過Dynamic Media的傳送層提供,因此無法從即時網頁參照,因此每當您打算在任何體驗中使用資產時,都需要發佈。 資產發佈後,將可透過兩種方式納入網頁中:

  • 複製​ Dynamic Media產生的URL ​並直接參照它。
  • 複製​ 內嵌程式碼 ​並將其貼到頁面標籤中。

上傳時自動發佈

除了手動工作流程,Dynamic Media也支援自動發佈。 您可以設定Dynamic Media在上傳時立即發佈資產,不需任何使用者介入。 如此可免除手動發佈步驟,並縮短擷取新資產與讓它可用於網頁傳送之間的時間。

預覽資產轉譯

上傳後,Dynamic Media會提供多種方法來預覽資產的轉譯。 預覽會顯示客戶在資產內嵌至生產環境之前所看到的內容,有助於驗證裁切、調整大小、檢視者行為和整體視覺品質。

使用影像預設集預覽

常見的預覽方法使用​影像預設集:

  1. 在Dynamic Media中選取資產。
  2. 開啟其​轉譯。
  3. 選擇​影像預設集 (例如「大」)。

產生的URL路徑會包含影像預設集名稱(例如「Large」),而且會與您在網頁中使用的URL相同。

根據大型影像預設集預覽資產的轉譯
根據選取的「大」影像預設集預覽資產的轉譯。 產生的URL路徑包含「大」影像預設集名稱,且用於網頁。

上述URL為即時網址! 試用。

使用檢視器預設集預覽

另一種預覽資產的方法是使用​檢視器預設集,這會在互動式HTML5檢視器中呈現資產:

  1. 選取影像資產。
  2. 選擇​ 檢視器 ​預設集(例如「ZoomVertical_light」)。
  3. 使用URL和內嵌按鈕來複製傳遞URL或內嵌程式碼片段。

根據縮放垂直光源檢視器預設集預覽資產
根據選取的「ZoomVertical_light」檢視器預設集預覽資產。 滑鼠指標(+)移到手錶上以放大。 請注意URL和內嵌按鈕。

以上轉譯為即時轉譯! 試用。

選擇性 — 瞭解更多

本檔案的第一部分涵蓋Adobe Experience Manager中的Dynamic Media基礎知識,這項功能旨在跨網路、行動和連線管道提供回應式互動式豐富媒體,包括影像、集合和視訊。 若要加深您對第一部分所介紹概念的瞭解,請使用以下精選資源。 這些補充資料會詳細闡述Dynamic Media工作流程、設定和傳送模式。 否則,請繼續參閱本檔案的第II部分。 檢視此Dynamic Media歷程的下一步是什麼。

動態媒體教學課程

  • 將Dynamic Media與Experience Manager Assets搭配使用 — 功能影片和引導式逐步說明,示範如何直接在Adobe Experience Manager Assets中啟用、設定和套用Dynamic Media功能,包括資產擷取、影像預設集和動態傳送。
  • Adobe Experience Manager內容庫 (搜尋​Dynamic Media) — 更廣泛的Experience League學習中心,您可在此搜尋​Dynamic Media,為管理員、開發人員和行銷人員尋找角色型學習路徑,以篩選建議的教學課程、課程和文章。

Dynamic Media檢視器

  • 每個檢視器的即時示範 — 每個Dynamic Media檢視器型別(例如縮放、迴轉、視訊和轉盤檢視器)的互動式工作示範,可在生產網站上實作前,用於評估檢視器外觀、使用者互動和行為。

此Dynamic Media檔案的後續內容 whats-next

本檔案的第二部分繼續了Dynamic Media歷程,並以更深入的技術焦點說明資產交付和多資產檢視器體驗。 第二部分具體涵蓋:

  • Dynamic Media URL — 仔細檢查URL結構和引數,以便您瞭解要求及傳送資產時背景中確切發生的情況。
  • 影像預設集 — 建立預設集的基礎知識,可動態呈現每個傳遞內容所需的大小、格式和品質。
  • 影像集 — 如何建立集,讓使用者在單一互動式檢視器中,從多個角度或變化檢視產品或資產。
  • 迴轉集 — 如何組合可產生360度旋轉檢視體驗的影像順序。
  • 混合媒體集 — 如何將不同的資產型別(例如影像、迴轉集和視訊)合併到統一的檢視器中。

這些主題共同建構於第一部分所介紹的基本概念之上,並讓您準備好設定更豐富、互動性更強的Dynamic Media體驗。

繼續Dynamic Media:基本資訊,第二部分。

recommendation-more-help
experience-manager-cloud-service-help-main-toc