Dynamic Media歷程：基本知識，第二部分

歡迎使用Dynamic Media歷程：基本知識，第二部分，您可以期望了解以下內容：

• Dynamic Media URL及Dynamic Media如何傳遞內容的解剖
• 建立影像預設集以轉譯資產的基本知識
• 影像集、回轉集和混合媒體集

另請參閱 Dynamic Media歷程；基本知識，第一部分.

Dynamic Media URL及Dynamic Media如何傳遞內容的解剖

上傳和發佈Dynamic Media資產後，您可以複製資產產生的URL，並貼到瀏覽器中，以查看資產對客戶的呈現方式。 以下監看影像的複製URL會依顏色劃分，以方便閱讀和理解。

Dynamic Media URL的解剖。

紅色URL的第一部分是參考伺服器網域本身。 在此情況下，Dynamic Media會在一般伺服器網域上執行， https://s7d1.scene7.com/is/image/. 只要查看伺服器網域，您就能輕鬆查看一組影像，並了解這些影像是否是由Dynamic Media提供。 URL會相當一致。 不過，有些Dynamic Media客戶已切換至專用的伺服器網域，而可能是 name-of-your-company.scene7.com. 智慧映像需要專用的伺服器域。

帳戶名稱是紫色的部分。 在此情況下，帳戶稱為 jpearldemo.

資產ID或名稱， AdobeStock_28563982 為綠色。 請注意，資產已 no 檔案副檔名，例如 .png 或 .jpg. 將資產擷取至Dynamic Media時，會移除副檔名，並建立不同類型的檔案：金字塔TIFF檔案。 吡唑TIFF可讓Dynamic Media快速建立轉譯。

最後，還有一些影像處理參數， ?wid=1000&fmt=jpeg&qlt=85，在結尾以黃色顯示。

整個URL路徑為即時狀態。 試試看。

在您的瀏覽器視窗仍開啟至Dynamic Media URL和監看影像時，我們將進一步了解您如何只變更URL即可建立影像轉譯。

透過URL轉譯監看影像

首先，請僅手動刪除URL路徑中的影像處理規則；保留伺服器名稱、帳戶名稱，以及資產ID或影像名稱。 試試看。

現在將影像處理參數新增至URL的結尾。 在URL欄位中，在影像名稱的右側，輸入 ?wid=500，然後按 輸入. 試試看。

請注意，手錶的新轉譯已產生。 要從這個改變影像寬度的簡單練習中了解這一點，關鍵在於所看到的影像是動態100%產生的。

現在變更的寬度值 500 像素到 1000 像素，然後按 輸入. 試試看。
你按下 輸入，則瀏覽器會返回Dynamic Media Image Server。 它會根據您剛輸入的新寬度值，產生全新的手錶轉譯，然後將新影像傳回瀏覽器並快取。

Dynamic Media有許多影像處理參數，您可以用來微調網頁上的影像資產。 您可以 在這裡看到一份清單.

現在，請嘗試將旋轉參數新增至監看影像。 URL路徑的結尾，緊接在後 wid=1000，類型 &rotate=90，然後按 輸入. 試試看。

手錶的左邊還有點偏。 變更 90 to 92，然後按 輸入. 試試看。

再說一遍，當你按下 輸入，手錶的新轉譯幾乎會即時產生。 您可以看到您獲得的效能，這說明為何Dynamic Media可以傳送超過800,000個影像要求， 每秒，在繁忙的週末或大節日。

雖然您可以逐一影像在URL中變更影像處理參數，但這並非有效的方法，尤其是如果您的網站上有數萬個影像時。 使用影像預設集是更好的方法。

建立影像預設集以轉譯資產的基本知識

您想要建立影像或讓影像可供使用的位置和方式有多種。 傳統上，創意素材會進入Adobe Photoshop，並將每個不同的轉譯儲存為靜態影像。

很好：靜態影像，每個影像都手動建立。

想像一下創意Director看著照片說，

「我真的想拍這張表，這樣大手指向四，小手指向1，讓手錶錶盤更容易看。」

創意人員必須重新拍攝所有這些新的靜態影像。

但是，透過Dynamic Media，如果您有不同的影像預設集，則可以在需要時使用這些影像。 影像預設集強制執行標準。

最佳：使用影像預設集即時建立一個檔案，其中包含多個轉譯，例如 Search_Grid 和 Thumbnail.

您需要特定影像類型的每個位置，例如，

• 產品詳細資訊頁面，
• 搜索網格，
• 縮圖，
• 購物卡，或
• 主圖影像

無論影像要使用的位置，您都希望以相同的參數傳送該影像。

現在來看看影像預設集在Dynamic Media中的建立方式。

從「基本」標籤開始建立影像預設集。

在上例中，您可以看到已使用名稱建立新的影像預設集 中. Dynamic Media使用現成可用的影像（背包）範例，協助您在建立影像預設集時查看影像特性。

此 中 影像預設集的寬度為500像素，高度為800像素。 在此歷程的第一部分，您閱讀了有關以不同格式傳送資產的資訊。 從 格式 下拉式選單中，您可以選擇以JPEG、PNG、TIFF或數種其他格式傳送資產。 您在這裡有彈性。

選取 進階 索引標籤會提供資產的色域選項。 視您在 基本 標籤 — 在上例中，已選取「JPEG」 — 您可以以「RGB」、「灰階」或「CMYK」來傳送資產。 從 色彩描述檔 下拉菜單中，您可以選擇如何傳送要用於打印的CMYK影像資產。 另請注意，您可以套用其他參數來銳利化影像。 在這種情況下， 不銳利化遮色片 已套用。

從「進階」標籤選取選項，建立影像預設集。

你還記得 Dynamic Media URL解剖 之前，您已閱讀Dynamic Media URL及其建置方式的相關資訊。 此 影像修飾元 文字方塊是您可以輸入任何其他影像處理參數的位置。 使用預設集傳送影像時，參數會包含在URL的預設集名稱中。 在上方的螢幕擷取中，參數 bgc=451B15 已新增。 即增加了深棕色背景顏色。

您可以將影像預設集視為影像的配方。 它會每次傳送使用預設集的影像，一致；會一樣的。 參數 &op_brightness=+10 也增加以稍微增加亮度。

完成後，您會儲存預設集，現在它可供您擁有的所有影像使用。 在此情況下，我們要套用 中 一碗液態巧克力的影像。

應用影像預設集「介質」以生成影像的轉譯。

您可以複製URL，然後貼到瀏覽器中以檢查影像外觀。 試試看。

在您的瀏覽器中，注意影像預設集的名稱 中 填入完整URL路徑。

您可以看到影像中顯示的清晰度。 這種品質部分是因為一碗巧克力的拍攝方式。 另外，部分原因是使用Dynamic Media時，您可儲存比傳送至數位頻道更大的影像。

如果一碗巧克力的東西看起來都不錯，您就會將URL貼到您的網頁中，讓影像顯示在您的網站上。

如果您再次查看下方的監看影像，您會看到 Cart 影像預設集，a Grid 預設集，a Large 預設集，a PDP-page （產品詳細資料頁面）預設集，以及其他幾個預設集。

靜態和動態影像預設集。 已使用 PDP-page 影像預設集。

但是，如果您必須在網站上變更影像呢？ 例如，假設您已完成某些測試，發現影像為120 x 120( Cart 影像預設集)未如您所想般收到。 您必須將寬度增加為175像素，並將高度增加為175像素，以使影像更大。 傳統上，您必須前往Adobe Photoshop並重新建立所有這些購物車影像。 但使用Dynamic Media時，您只需將「寬度」和「高度」值更新為175即可編輯影像預設集，並儲存您的預設集，如下列範例所示。

編輯寬度和高度 Cart 影像預設集。

在您變更影像預設集並排清快取後，所有影像都會更新，以及該預設集使用的所有URL，請執行 not 隨處皆可變更。 這表示不需要中斷的連結，也不需要網頁重新導向。

影像集、回轉集和混合媒體集

Dynamic Media較常使用的功能包括建立影像集、回轉集和混合媒體集。

影像集通常由一系列影像資產組成，並以單一實體呈現。 這些類型的集合可為使用者提供整合的檢視體驗，讓使用者按一下縮圖影像即可看見項目的不同檢視。 影像集可讓您呈現某個項目的替代檢視，而檢視器提供縮放工具，供您仔細檢查影像。 檢視使用彈出檢視器且稱為「執行中」的影像集.

在Dynamic Media內，您會看到跑鞋的數個影像。 這是一個產品系列，銷售和營銷部門希望客戶將其視為單個演示文稿；影像集。

建立影像集的開始。

要建立影像集，請選擇 影像集 從 建立 下拉式功能表。 注意功能表上也有建立 混合媒體集, 回轉集​和 轉盤集. 您建立這些集的方式與影像集的方式大致相同。

混合媒體集可包含影像、色票集、回轉集、視訊和最適化視訊集。 試試看. 回轉集模擬轉動物件的真實行為，以檢查物件。 回轉集可讓您從任何角度檢視關鍵視覺詳細資訊。 試試看。

建立影像集是簡單明瞭的。 您只需新增要納入集合的影像資產。

影像集編輯器可讓您新增影像資產，並重新排序其在集中的外觀。

您必須為設定命名。 請謹慎選擇名稱，因為您以後無法編輯它！ 在上述範例中，此集稱為 Running. 完成後，會儲存集合。

這是 Running 影像集於Experience Manager Assets。

此 Running 影像在Experience Manager Assets中設定，卡片檢視。

無論您是已建立影像集、混合媒體集、回轉集或任何其他互動式媒體，在建立影像集後，您都想要了解該影像集對客戶的顯示和行為。 Dynamic Media有許多內建的檢視器，可讓您執行此操作。

首先，選取建置的影像集，以在預覽中開啟它，如以下範例所示。

此 Running 在預覽中設定的影像已選取「檢視器」選項。

請注意，在預覽中，您可以選取跑鞋色板，並在鞋上放大和縮小。 若要將檢視器套用至該集，請選取 檢視器 從下拉式功能表。

此 Running 已套用彈出檢視器的影像集。

在此情況下， Flyout 已選取檢視器。 此時，您可以在檢視器中預覽影像集。 但是，最好在您的瀏覽器中查看，即客戶如何看到。 您選取 URL 在左下方，複製URL並貼到您的瀏覽器中。 試試看。

單一URL可讓您使用網站上您需要的影像集和檢視器。 您可能已注意到上一個範例 內嵌 位於URL按鈕的右側。 選取 內嵌，您可以複製此影像集/檢視器的程式碼，然後將其新增至網頁或Experience Manager Sites元件。

Flyout檢視器是預設的現成檢視器，您可以編輯其屬性。 或者，就像建立影像預設集一樣，您可以建立自己的自訂檢視器。

假設您的銷售和行銷團隊不喜歡Flyout檢視器。 他們喜歡縮放功能，但希望客戶直接在鞋子上看到縮放效果。 在這種情況下，您只需將InlineZoom查看器應用到影像集，並複製其URL並貼到瀏覽器中，以了解其工作方式。 試試看。

當你將滑鼠指針移到鞋子上時，你放大到該影像，你可以看到更多細節，同時你移動指針。 原因只是影像的大小，最初上傳到Dynamic Media。

當你考慮作為消費者生活，或者當你在日常工作中工作，當你去不同的網站時，你會看到這樣的東西。 想想這是如何實現的，以及如何在你自己的工作和公司網站上運用Dynamic Media的力量。

你只是讀了一點關於影像集和觀眾。 讓我們看幾個其他檢視器，並在單一資產上試用。 若要重設檢視器，請按一下 重新整理 按鈕。

• ZoomVertical_dark 檢視器已套用至影像資產。 試試看。
• Zoom_light 檢視器已套用至影像。 試試看。

選用 — 深入了解

如果您想要進一步了解剛才閱讀的內容，請使用下列材料，更詳細地探索概念。 否則，您的Dynamic Media歷程就會完成！

Dynamic Media說明主題

• 如何建立影像預設集
• 清單 影像處理參數 在建立影像預設集時，可在「影像修飾詞」欄位中使用
• 如何預覽資產
• 如何預覽3D資產
• 如何建立影像集
• 如何建立回轉集
• 如何建立混合媒體集

Dynamic Media教學課程

• 將Dynamic Media與Experience Manager Assets搭配使用
• Adobe Experience Manager內容庫 (搜尋 Dynamic Media)

Dynamic Media檢視器

• 即時演示 每個檢視者

Business.Adobe.com 資源