管理動態媒體影像預設集

「影像預設集」可讓AEM Assets以不同大小、不同格式或其他動態產生的影像屬性動態傳送影像。 每個影像預設集代表一組預先定義的影像大小調整和格式設定指令,以顯示影像。 當您建立影像預設集時,可以選擇影像傳送的大小。 您也可以選擇格式命令,以便在傳送影像供檢視時,將影像的外觀最佳化。

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

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

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

注意

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

瞭解動態媒體影像預設集

像軟體宏一樣,「影像預設集」是預定義的一組大小和格式命令,這些命令以名稱保存。 為了瞭解影像預設集的運作方式,假設您的網站要求每個產品影像以不同的大小、不同的格式和壓縮率顯示,以用於桌上型電腦和行動裝置傳送。

您可以建立兩個影像預設集:桌上型電腦版本為500 x 500像素,行動版本為150 x 150像素。 您可以建立兩個影像預設集,一個稱為​放大​以500x500像素顯示影像,另一個稱為​縮圖​以150 x 150像素顯示影像。 若要以放大和縮圖大小傳送影像,AEM會尋找放大影像預設集和縮圖影像預設集的定義。 然後,AEM會以每個影像預設集的大小和格式規格動態產生影像。

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

管理員可以建立影像預設集。 若要建立影像預設集,您可以從頭開始,或從現有影像預設集開始,然後以新名稱儲存。

管理動態媒體影像預設集

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

chlimage_1-494

注意

當您預覽或傳送資產時,您建立的任何影像預設集也可當成動態轉譯。

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

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

請參閱發佈影像預設集。

注意

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

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更新資產>編輯

另請參閱查看多頁檔案的頁

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

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

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

  2. 然後,在工作流程中,動態媒體處理影像資產​處理元件將cqdam.preview.png轉譯優化為PTIFF。

注意

在​DAM Update Asset​工作流程中,EPS縮略圖​步驟生成EPS檔案的縮略圖。

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

中繼資料屬性 說明
dam:Physicalwidthininches 檔案寬度(英吋)。
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類型清單。
寬度上限 二零四八年 產生的預覽轉譯的最大寬度(像素)。
高度上限 二零四八年 產生的預覽轉譯的最高高度(以像素為單位)。
解析度 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資產與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更新資產​工作流程中設定這些設定,以設定縮圖大小。 工作流程中有兩個步驟可讓您設定影像資產的縮圖大小。 雖然動態媒體處理影像資產(動態媒體處理影像資產)和(處理縮圖)用於靜態縮圖產生,或當所有其他處理無法產生縮圖時,兩個​的設定應相同。

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

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

注意
  • 在​EPS縮略圖​步驟中,在​**​**​頁籤的​縮略圖​下配置EPS檔案的縮略圖大小。

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

若要設定縮圖大小:

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

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

    step_properties_thumbnailarguments

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

    注意

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

  4. 點選「儲存」,儲存對工作流程所做的變更。

增加或減少顯示的動態媒體影像預設集數目

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

要增加或減少顯示的動態媒體影像預設集數目:

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

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

    increase_denthenumberofimagepresets that display

  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. 點選「全部儲存」。

建立動態媒體影像預設集

建立動態媒體影像預設集可讓您在預覽或發佈時,將這些設定套用至任何影像。

注意

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

如果您想要支援擷取AI、PDF和EPS檔案,以便產生這些檔案格式的動態轉譯,您可能需要先檢閱下列資訊,再建立影像預設集。
請參閱Adobe Illustrator(AI)、Postscript(EPS)和PDF檔案格式

如果您想要支援擷取INDD檔案,以便產生此檔案格式的動態轉譯,您可能需要先檢閱下列資訊,再建立影像預設集。 請參閱InDesign(INDD)檔案格式

注意

若要建立動態媒體影像預設集,您必須具有AEM管理員或Admin Console管理員的管理員權限。

若要建立動態媒體影像預設集:

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

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

  3. 點選​Create

    chlimage_1-496

    注意

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

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

    chlimage_1-497

  5. 按一下​「儲存」

建立回應式影像預設集

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

保留空白會告訴AEM此影像預設集是自適應的。 您可以視需要調整其他值。

chlimage_1-498

注意

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

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

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

影像預設集選項

當您建立或編輯影像預設集時,您可以選擇本節所述的選項。 此外,Adobe建議您從下列3種​最佳實務​選項選擇開始:

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

基本頁籤選項

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

從功能表選擇格式。

選擇JPEG提供下列其他選項:

  • 品質 -控制JPEG壓縮等級。此設定會影響檔案大小和影像品質。 JPEG品質等級為1-100。 拖曳滑桿時,可看到縮放。
  • 啟用JPG色度縮減取樣 -由於眼睛對高頻色彩資訊的敏感度低於高頻亮度,因此JPEG影像會將影像資訊分為明度和色彩元件。當JPEG影像被壓縮時,亮度分量保留為全解析度,而顏色分量通過平均一組像素被縮減採樣。 縮減取樣可將資料量減少一半或三分之一,幾乎不會影響感知的品質。 縮減取樣不適用於灰階影像。 此技術可降低對高對比度影像(例如具有覆蓋文字的影像)有用的壓縮量。
選擇 GIF含alpha的GIF提供這些額外的 GIF色彩量化選項:
  • 入——選 擇Adaptive (預設)、 WebMacintosh。如果選擇GIF with Alpha,則Macintosh選項不可用。
  • 混色 -選擇「 混色」 或「關」
  • 顏色數 -輸入2到256之間的數字。
  • 顏色清單 -輸入逗號分隔的清單。例如,對於白色、灰色和黑色,請輸入000000,888888,ffffff。
選擇 PDF, TIFF含alpha的TIFF提供下列額外選項:
  • 壓縮 -選擇壓縮算法。PDF的演算法選項為NoneZipJpeg;對於TIFF為NoneLZWJpegZip;而含Alpha的TIFF為NoneLZWZip

選擇PNGPNG with Alpha、EPS不提供其他選項。

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

進階標籤選項

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

選擇「無」、「銳利化」或「銳利化」。

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

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

  • -控制套用至邊緣像素的對比度。預設實數值為1.0。對於高解析度的影像,您可將影像放大至高達5.0。將「量」視為濾鏡強度的度量。
  • 半徑 -決定影響銳利化的邊緣像素周圍的像素數。對於高解析度影像,請輸入1到2的實數。 低值只會銳化邊緣像素;高值會銳化更寬的像素帶。 正確值取決於影像的大小。
  • 閾值 -決定套用非銳利遮色片濾鏡時要忽略的對比範圍。換言之,此選項可決定銳化的像素在被視為邊緣像素並銳化之前,必須與周圍區域有多大差異。 為避免引入雜訊,請嘗試2到20之間的整數值。
  • 套用至 -判斷未銳利化套用至每種顏色或亮度。
重新取樣模式 選擇重新取樣模式選項。 這些選項會在縮減取樣時銳利化影像:
  • 雙線性 -最快的重新取樣方法。有些鋸齒不自然現象會很明顯。
  • 雙三次方 -提高CPU使用量,但產生更銳利的影像,並減少明顯的鋸齒偽影。
  • Sharp2 —— 產生比Bi-Cubic更銳利的結果,但CPU成本更高。
  • Bi-Sharp —— 選取Photoshop預設重新取樣器以減小影像大小,稱為 Adobe Photoshop的雙立方體銳利化器。
  • 每個 顏色和 亮度 -每個方法都可以基於顏色或亮度。預設情況下,選擇「每個顏色」。
列印解析度 選擇打印此影像的解析度;預設值為72像素。
影像修飾元

除了UI中的常用影像設定外,動態媒體還支援許多進階影像修改,您可在影像修飾元欄位中指定。 這些參數在Image Server Protocol命令參考中定義。

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

  • 基本範本和文字轉換指令:text= textAngle= textAttr= textFlowPath= textFlowXPath= textPath=textPs=
  • 本地化命令:locale=req=xlate
  • req=set 無法用於一般用途。
  • req=mbrset
  • req=saveToFile
  • req=targets
  • template=
  • 非核心動態媒體服務:SVG、影像轉換和網路印刷

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

除了​Basic​和​Advanced​標籤中的可用選項外,您還可以定義影像修飾元,以在定義影像預設集時提供更多選項。 影像演算需仰賴動態媒體影像演算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. 選取預設集,然後點選​編輯

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

發佈動態媒體影像預設集

如果您正在執行「動態媒體——混合」模式,您必須手動發佈影像預設集。

如果您正在執行動態媒體- Scene7模式,影像預設集會自動為您發佈;您不需要完成這些步驟。

若要在動態媒體——混合模式中發佈影像預設集:

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

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

  3. 從影像預設集清單中選取影像預設集或多個影像預設集,然後點選「發佈」

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

    chlimage_1-503

刪除動態媒體影像預設集

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

本頁內容