管理Dynamic Media影像預設集

影像預設集可讓AEM Assets以不同大小、不同格式,或以動態產生的其他影像屬性來動態傳送影像。 每個影像預設集代表用於顯示影像的大小調整和格式設定命令的預定義集合。 建立影像預設集時,您會選擇影像傳送的大小。 您也可以選擇格式設定命令,以便在傳送影像以供查看時優化影像的外觀。

管理員可以建立匯出資產的預設集。 用戶在導出影像時可以選擇預設集,這也會按照管理員指定的規範重新格式化影像。

您也可以建立回應式的影像預設集。 如果您將回應式影像預設集套用至資產,則會根據所檢視的裝置或螢幕大小而變更。 除了RGB或灰色之外,還可以配置影像預設集以在顏色空間中使用CMYK。

本節說明如何建立、修改和一般管理影像預設集。 您可以隨時預覽影像,將影像預設集套用至影像。 請參閱套用影像預設集

注意

智慧型影像處理可與您現有的影像預設集搭配使用,並會在傳送時的最後毫秒內運用智慧,根據瀏覽器或網路連線速度進一步縮小影像檔案大小。 如需詳細資訊,請參閱智慧影像

了解Dynamic Media影像預設集

像軟體宏一樣,「影像預設集」是儲存在名稱下的大小調整和格式設定命令的預定義集合。 若要了解「影像預設集」的運作方式,假設您的網站要求每個產品影像以不同大小、不同格式以及案頭和行動傳送的壓縮率顯示。

您可以建立兩個影像預設集:案頭版為500 x 500像素,行動版為150 x 150像素。 您可以建立兩個「影像預設集」,一個稱為​Enlarge,以500x500像素顯示影像,另一個稱為​Thumbnail,以150x150像素顯示影像。 要以「放大」和「縮圖」大小傳送影像,AEM將查找「放大影像預設集」和「縮圖影像預設集」的定義。 然後,AEM會以每個影像預設集的大小和格式規格動態產生影像。

動態傳送時大小縮小的影像可能會失去清晰度和細節。 因此,每個影像預設集都包含格式控制項,用於在以特定大小傳送影像時對其進行最佳化。 這些控制項可確保影像在傳送至您的網站或應用程式時清晰清晰銳利。

管理員可以建立影像預設集。 若要建立影像預設集,您可以從草稿開始,也可以從現有的預設集開始,並以新名稱儲存。

管理Dynamic Media影像預設集

您可以點選AEM標誌以存取全域導覽主控台,然後點選「工具」圖示並導覽至​Assets > Image Presets,以管理AEM中的影像預設集。

chlimage_1-494

注意

您建立的任何影像預設集在您預覽或傳送資產時,也可以以動態轉譯的形式使用。

在​Dynamic Media - Scene7模式​中,您需要​not​發佈影像預設集,因為影像預設集會自動發佈。

在​Dynamic Media — 混合模式​中,您需要手動發佈影像預設集。

請參閱發佈影像預設集。

注意

當您在資產的​Detail​檢視中選取​Renditions​時,系統會顯示各種轉譯。 您可以增加或減少顯示的影像預設集數目。 請參閱增加顯示的影像預設集數目。

Adobe Illustrator(AI)、Postscript(EPS)和PDF檔案格式

如果要支援AI、EPS和PDF檔案的獲取,以便能夠生成這些檔案格式的動態格式副本,則在建立影像預設集之前,您可能需要查看以下資訊。

Adobe Illustrator的檔案格式是PDF的變體。 AEM Assets的主要差異如下:

  • Adobe Illustrator檔案包含單一頁面及多個層。 每個層會擷取為主要Illustrator資產下的PNG子資產。
  • PDF文檔由一頁或多頁組成。 每個頁面都會擷取為主多頁PDF檔案下的單頁PDF子資產。

子資產由整體DAM Update Asset工作流程中的Create Sub Asset process元件建立。 若要在工作流程中查看此程式元件,請點選「工具>工作流程>模型> DAM更新資產>編輯」。

另請參閱檢視多頁檔案的頁面

開啟資產時,您可以檢視子資產或頁面,點選「內容」功能表,然後選取​Subassets​或​Pages。 子資產是真實資產。 也就是說,PDF頁面由Create Sub Asset工作流程元件擷取。 接著會儲存為主要資產下方的page1.pdfpage2.pdf等項目。 儲存資產後, DAM更新資產​工作流程會處理這些資產。

若要使用Dynamic Media來預覽和產生AI、EPS或PDF檔案的動態轉譯,需要下列處理步驟:

  1. 在​DAM更新資產​工作流程中, 柵格化PDF/AI影像預覽轉譯​處理元件會使用設定的解析度將原始資產的第一頁柵格化為cqdam.preview.png轉譯。

  2. 然後, cqdam.preview.png轉譯會由工作流程內的​Dynamic Media處理影像資產​處理元件最佳化為PTIFF。

注意

在​DAM更新資產​工作流程中, EPS縮圖​步驟會為EPS檔案生成縮圖。

PDF/AI/EPS資產中繼資料屬性

中繼資料屬性 說明
dam:Physicalwidthinichs 文檔寬度(英吋)。
dam:物理高度 文檔高度(英吋)。

您可以透過​DAM更新資產​工作流程存取​柵格化PDF/AI影像預覽轉譯​處理元件選項。

點選左上角的Adobe Experience Manager,導覽至「工具>工作流程>模型」。 在「工作流模型」頁面上,選擇「DAM更新資產」,然後在工具列點選「編輯」。 在「DAM更新資產」工作流程​頁面上,點選兩下「模擬PDF/AI影像預覽轉譯​」處理元件以開啟其​​步驟屬性​​對話方塊。

柵格化PDF/AI影像預覽轉譯選項

柵格化PDF或AI工作流的參數

柵格化PDF或AI工作流的參數

進程參數 預設設定 說明
Mime 類型

application/pdf

application/postscript

application/illustrator

被視為PDF或Illustrator文檔的文檔mime類型清單。
寬度上限 2048年 生成的預覽格式副本的最大寬度(像素)。
高度上限 2048年 生成的預覽格式副本的最大高度(像素)。
解析度 72 以ppi(每英吋像素)顯示第一頁的解析度。

使用預設進程參數,PDF/AI文檔的第一頁柵格化為72 ppi,生成的預覽影像的大小為2048 x 2048像素。 對於一般部署,您可能希望將解析度提高至至少150 ppi或更高。 例如,300 ppi的美國字母大小文檔要求最大寬度和高度分別為2550 x 3300像素。

最大 寬度 和最 大高度會限制要模擬的解析度。例如,如果最大值未變更,且「解析度」設為300 ppi,則美國信函檔案的光柵化為186 ppi。 也就是說,文檔為1581 x 2046像素。

柵格化PDF/AI影像預覽轉譯​處理元件已定義最大值,以確保不會在記憶體中建立過大的影像。 此類大型映像可能會使提供給JVM(Java虛擬機)的記憶體溢出。 請務必注意,為JVM提供足夠的記憶體,以管理已配置的並行工作流數,每個工作流都有可能以最大配置的大小建立映像。

InDesign(INDD)檔案格式

如果要支援導入INDD檔案,以便生成此檔案格式的動態格式副本,則在建立影像預設集之前,可能需要查看以下資訊。

對於InDesign檔案,只有在Adobe InDesign伺服器與AEM整合時,才會擷取子資產。 參考的資產會根據其中繼資料進行連結。 InDesign Server不是連結的必要項目。 不過,在處理InDesign檔案之前,必須先在AEM記憶體在參照的資產,才能在InDesign檔案與參照的資產之間建立連結。

請參閱將AEM Assets與InDesign Server整合

DAM更新資產​工作流程中的媒體擷取處理元件會執行數個預先設定的​擴充指令碼​以處理InDesign檔案。

媒體擷取程式引數中的擴充指令碼路徑

延伸指令碼​在​DAM更新資產​工作流程中,媒體擷取​處理元件引數中的路徑。

下列指令碼供Dynamic Media整合使用:

擴展指令碼名稱 預設 說明
ThumbnailExport.jsx 生成300 ppi thumbnail.jpg格式副本,該格式副本被優化,並由Dynamic Media Process Image Assets進程元件轉換為PTIFF格式副本。
JPEGPagesExport.jsx 為每個頁面產生300 ppi JPEG子資產。 JPEG子資產是儲存在InDesign資產下的實際資產。 此外,還通過DAM Update Asset工作流優化並轉換為PTIFF。
PDFPagesExport.jsx 為每個頁面產生PDF子資產。 PDF子資產的處理方式如先前所述。 由於PDF僅包含單頁,因此不會產生子資產。

設定影像縮圖大小

您可以在​DAM更新資產​工作流程中配置這些設定,以配置縮圖的大小。 工作流程中有兩個步驟可讓您設定影像資產的縮圖大小。 雖然其中一個(Dynamic Media處理影像資產)用於動態影像資產,另一個(處理縮圖)用於靜態縮圖產生,或當所有其他處理無法產生縮圖時,兩個​應具有相同的設定。

在「動 態媒體處理影像資產」步驟中 ,影像伺服器會產生縮圖,此組態與套用至「處理縮圖」步驟的組態無關 ​。透過「處理縮圖 」步驟產生縮圖 ,是建立縮圖的最慢且記憶體最耗用的方式。

縮圖大小定義為下列格式:width:height:center,例如​80:80:false。 寬度和高度決定縮圖的像素大小;中心值為false或true,若設為true,表示縮圖影像的大小與設定中指定的大小完全相同。 如果調整大小的影像較小,則會在縮圖中置中。

注意
  • EPS檔案的縮圖大小是在​EPS縮圖​步驟中,在​****[!UICONTROL Thumbnails]​下的「參數」頁簽中配置的。

  • 視訊的縮圖大小是在「參數」下的「 Process 」 (處理) 頁籤的「 FFmpeg縮圖 」步驟中設定

若要設定縮圖大小:

  1. 點選「 工具>工作流程>模型> DAM更新資產>編輯」。

  2. 點選​Dynamic Media處理影像資產​步驟,然後點選​縮圖​標籤。 視需要變更縮圖大小,然後點選「 確定」。

    step_properties_thumbnailarguments

  3. 點選「處 理縮圖 」步驟,然後點選「縮 」標籤。視需要變更縮圖大小,然後點選​OK

    注意

    「處理縮圖」步驟中縮圖引數中 的值必須與「動態媒體處理影像資產」 步驟中的縮圖引數相符 ​。

  4. 點選​儲存​以儲存對工作流程的變更。

增加或減少顯示的Dynamic Media影像預設集數目

您建立的影像預設集在您預覽資產時可以動態轉譯。 AEM會在從​「詳細資料檢視」>「轉譯」檢視資產時顯示各種動態轉譯。​您可以增加或減少顯示的轉譯限制。

若要增加或減少顯示的Dynamic Media影像預設集數目:

  1. 導覽至​CRXDE Lite(http://localhost:4502/crx/de)。

  2. 導覽至/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist處的影像預設集清單節點

    increase_deximentenumberofimagepresetsthatdisplay

  3. 在​limit​屬性中,將預設設為15的​​變更為所需數字。

  4. 導航到/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource的影像預設集資料源

    chlimage_1-495

  5. 在limit屬性中,將數字變更為所需數字,例如{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

  6. 點選「儲存全部」。

建立Dynamic Media影像預設集

建立Dynamic Media影像預設集可讓您在預覽或發佈時將這些設定套用至任何影像。

注意

如果您使用Internet Explorer 9,在儲存後建立預設集不會立即出現在預設集清單中。 若要解決此問題,請停用IE9的快取。

如果要支援AI、PDF和EPS檔案的獲取,以便生成這些檔案格式的動態格式副本,則在建立影像預設集之前,您可能需要查看以下資訊。
請參閱Adobe Illustrator(AI)、Postscript(EPS)和PDF檔案格式

如果要支援導入INDD檔案,以便生成此檔案格式的動態格式副本,則在建立影像預設集之前,可能需要查看以下資訊。 請參閱InDesign(INDD)檔案格式

注意

若要建立Dynamic Media影像預設集,您必須以AEM管理員或Admin Console管理員的身分擁有管理員權限。

若要建立Dynamic Media影像預設集:

  1. 在AEM中,點選AEM標誌以存取全域導覽主控台。

  2. 點選​工具​圖示,然後導覽至​資產>影像預設集

  3. 點選​建立

    chlimage_1-496

    注意

    若要讓此影像預設變得自適應,請擦除 寬度和高度欄 位中的值,並保留空白。

  4. 在​編輯影像預設集​頁面上,根據需要在​Basic​和​Advanced​標籤中輸入值,包括名稱。 這些選項在「影像預設 集選項」中概述。預設集會出現在左窗格中,並可與其他資產一起即時使用。

    chlimage_1-497

  5. 按一下「儲存」。

建立回應式影像預設集

若要建立回應式影像預設集,請執行建立影像預設集中的步驟。 在​編輯影像預設集​窗口中輸入高度和寬度時,請擦除值並將其留空。

將它們保留為空白會告訴AEM此影像預設集是回應式的。 您可以視需要調整其他值。

chlimage_1-498

注意

若要在套用影像預設集至資產時查看​URL​和​RESS​按鈕,必須發佈資產。

在Dynamic Media - Scene7模式中,會自動發佈影像預設集和影像資產。

在Dynamic Media — 混合模式中,您必須手動發佈影像預設集和影像資產。

影像預設集選項

建立或編輯影像預設集時,您有本節所述的選項。 此外,Adobe建議以下三種​最佳做法​選項選擇開始:

  • 格式 (基本​ 頁簽) — 選擇 ​JPEG或其它符合您要求的格式。所有網頁瀏覽器都支援JPEG影像格式;它在小檔案大小和影像品質之間提供良好的平衡。但是,JPEG格式影像使用有損壓縮方案,如果壓縮設定太低,則該壓縮方案會引入不想要的影像偽影。因此,Adobe建議將壓縮品質設為75。此設定在影像品質和檔案大小之間取得良好的平衡。
  • 啟用簡單銳利化 — 請勿選取「啟 用簡單銳利化」 (此銳利化濾鏡提供的控制力比「非銳利化遮色片」設定少)。
  • 銳利化:重新取樣模 式 — 選 取雙三次

基本頁簽選項

欄位 說明
名稱 輸入不含空格的描述性名稱。在名稱中加入影像大小規格可幫助使用者識別此影像預設集。
寬度和高度 以像素輸入影像傳送的大小。 寬度和高度必須大於0像素。 如果其中一個值為0,則不會建立任何預設集。 如果兩個值皆空白,則會建立回應式影像預設集。
格式

從功能表中選擇格式。

選擇JPEG提供以下附加選項:

  • 品質 — 控制JPEG壓縮級別。此設定會同時影響檔案大小和影像品質。 JPEG質量比例為1-100。 拖曳滑桿時,比例會顯示。
  • 啟用JPG色度下採樣 — 由於眼睛對高頻顏色資訊的敏感度比高頻亮度低,因此JPEG影像將影像資訊劃分為亮度和顏色分量。當壓縮JPEG影像時,亮度分量以全解析度保持,而顏色分量通過平均一組像素來縮減採樣。 縮減取樣會將資料量減少一半或三分之一,幾乎不會影響感知的品質。 縮減採樣不適用於灰度影像。 此技術可減少對具有高對比度的影像(例如具有重疊文字的影像)有用的壓縮量。
選擇 GIF含alpha的GIF提供以下額外功能 GIF顏色量化選項:
  • 型 — 選 取「適應性」 (預設值)、 「Web」或「 Macintosh」。如果選擇Alpha的GIF,則Macintosh選項不可用。
  • Dither — 選取「 異」或「關閉」
  • 顏色數 量 — 輸入介於2和256之間的數字。
  • 顏色清單 — 輸入逗號分隔的清單。例如,對於白色、灰色和黑色,請輸入000000、888888、ffffff。
選擇 PDF, TIFF,或 含Alpha的TIFF提供以下額外選項:
  • 壓縮 — 選取壓縮演算法。PDF的演算法選項為NoneZipJpeg;TIFF的為LZWJpegZip;而Alpha的TIFF為NoneLZWZip

選擇PNG帶Alpha的PNG、EPS不提供其他選項。

銳利化 選擇「啟用簡單銳利化」選項,以便在所有縮放發生後將基本銳利化濾鏡應用到影像。銳利化有助於補償以不同大小顯示影像時可能產生的模糊性。

高級頁簽選項

欄位 說明
色域 為顏色空間選擇RGB、CMYK、灰度
色彩設定檔 如果資產與工作設定檔不同,請選取應轉換為的輸出色域設定檔。
渲染方法 您可以覆寫預設的呈現方式。 渲染意圖確定目標顏色配置檔案中無法再現的顏色(超出色域)的結果。 如果「渲染目的」與ICC配置檔案不相容,則將忽略它。
  • 選擇感知以當原始影像中的一個或多個顏色超出目標顏色空間的色域時,將總色域從一個顏色空間壓縮到另一個顏色空間。
  • 當當前顏色空間中的顏色超出目標顏色空間中的色域時,選擇相對比色,並希望將其映射到目標顏色空間的色域中最接近的顏色,而不影響任何其他顏色。
  • 選擇飽和度以在轉換為目標顏色空間時重現原始影像顏色飽和度。
  • 選擇「絕對比色」以完全匹配顏色,而不調整會改變影像亮度的白點或黑點。
黑點補償 如果輸出配置檔案支援此功能,請選擇此選項。 如果黑點補償與指定的ICC配置檔案不相容,則會忽略它。
正在遞色 選擇此選項以可能避免或減少色帶偽影。
銳利化類型

選擇「」、「銳利化」或「銳利化遮色片」。

  • 選擇以禁用銳利化。
  • 選擇「銳化」,在進行所有縮放後,將基本銳利化濾鏡應用到影像。 銳利化有助於補償以不同大小顯示影像時可能產生的模糊性。
  • 選擇「銳利化遮色片」以微調最終縮減取樣影像的銳利化濾鏡效果。 您可以控制效果的強度、效果半徑(以像素計量),以及將忽略的對比度臨界值。 此效果使用的選項與 Photoshop的「遮色片銳利化」濾鏡相同。

銳利化遮色片中,您有下列選項:

  • — 控制套用至邊緣像素的對比度量。預設的實數值為1.0。對於高解析度影像,您可以將其增加到高達5.0。請將「量」想像為濾鏡強度的度量。
  • 半徑 — 決定影響銳利化的邊緣像素周圍的像素數。對於高解析度影像,請輸入從1到2的實數。 低值只會銳化邊緣像素;高值銳化較寬的像素帶。 正確值取決於影像的大小。
  • 臨界值 — 決定套用遮色片銳利化濾鏡時要忽略的對比度範圍。換句話說,此選項可決定銳化像素與周圍區域的差異程度,之後才會被視為邊緣像素且銳化。 為避免引入雜訊,請使用2到20之間的整數值進行實驗。
  • 套用至 — 判斷未銳利化套用至每種顏色或亮度。
重新取樣模式 選擇重新採樣模式選項。 這些選項會在縮減取樣時銳化影像:
  • 雙線性 — 最快的重新取樣方法。某些鋸齒偽影是可以注意到的。
  • 雙立方體 — 增加CPU使用量,但產生更銳利的影像,並產生較少明顯的鋸齒偽影。
  • Sharp2 — 產生的結果比雙立方體稍銳,但CPU成本更高。
  • Bi-Sharp — 選取Photoshop預設重新取樣器以縮小影像大小,稱為 立方體Adobe Photoshop。
  • 種色彩 和亮度 — 每種方法皆可依據顏色或亮度。預設情況下,選擇每個顏色
打印解析度 選擇用於打印此影像的解析度;預設為72像素。
影像修飾元

除了UI中可用的通用影像設定,Dynamic Media支援許多進階影像修改,您可以在影像修飾元欄位中指定。 這些參數在Image Server協定命令引用中定義。

重要:不支援API中列出的下列功能:

  • 基本模板和文本呈現命令:text= textAngle= textAttr= textFlowPath= textFlowXPath= textPath=textPs=
  • 本地化命令:locale=req=xlate
  • req=set 無法用於一般用途。
  • req=mbrset
  • req=saveToFile
  • req=targets
  • template=
  • 非核心Dynamic Media服務:SVG、影像呈現和Web-to-Print

使用影像修飾符定義影像預設集選項

除了​Basic​和​Advanced​標籤中可用的選項之外,您還可以定義影像修飾符,以在定義影像預設集時提供更多選項。 影像轉譯仰賴Dynamic Media影像轉譯API。 API在HTTP通訊協定參考中有詳細定義。

以下是一些您可以使用影像修飾元的基本範例。

注意

某些影像修飾元無法用於AEM

  • op_invert — 反轉每個顏色分量以獲得負影像效果。

    &op_invert=1
    

    chlimage_1-499

  • op_blur — 對影像套用模糊篩選。

    &op_blur=25
    

    chlimage_1-500

  • 組合命令 — op_blur和op-invert

    &op_invert=1&op_blur=25
    

    chlimage_1-501

  • op_brightness — 降低或增加亮度。

    &op_brightness=75
    

    chlimage_1-502

  • opac — 調整影像不透明度。可讓您降低前景不透明度。

    opac=50
    

    chlimage_1-505

編輯影像預設集

要編輯影像預設集:

  1. 在AEM中,點選AEM標誌以存取全域導覽主控台。

  2. 點選​工具​圖示,然後導覽至​資產>影像預設集

    chlimage_1-504

  3. 選取預設集,然後點選​Edit

  4. 在​編輯影像預設集​頁面上,進行您想要的變更,然後點選​儲存

發佈Dynamic Media影像預設集

如果您執行的是Dynamic Media — 混合模式,您必須手動發佈影像預設集。

如果您執行的是Dynamic Media - Scene7模式,則會自動發佈影像預設集;您不需要完成這些步驟。

若要在Dynamic Media — 混合模式中發佈影像預設集:

  1. 在AEM中,點選AEM標誌以存取全域導覽主控台。

  2. 點選​工具​圖示,然後導覽至​資產>影像預設集

  3. 從影像預設集清單中選取影像預設集或多個影像預設集,然後點選​Publish

  4. 影像預設集發佈後,狀態會從未發佈變更為已發佈。

    chlimage_1-505

刪除Dynamic Media影像預設集

  1. 在AEM中,點選AEM標誌以存取全域導覽主控台。
  2. 點選​工具​圖示,然後導覽至​資產>影像預設集
  3. 選取預設集,然後點選​Delete。 Dynamic Media會確認您要刪除它。 點選​Delete

本頁內容