管理影像預設集 managing-image-presets

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

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

您也可以建立有回應的影像預設集。 如果您將回應式影像預設集套用至資產,預設集會隨著裝置或熒幕大小而變更。 您可以設定影像預設集以在RGB或灰階以外的色域中使用CMYK。

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

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

瞭解影像預設集 understanding-image-presets

像巨集一樣,影像預設集是預先定義的集合,其中包含以名稱儲存的調整大小和格式指令。 若要瞭解影像預設集如何運作,假設您的網站要求每個產品影像以不同大小、不同格式和壓縮率顯示,以用於桌上型電腦和行動傳送。

您可以建立兩個影像預設集:500 x 500畫素用於案頭,150 x 150畫素用於行動裝置。 您建立兩個影像預設集,一個稱為Enlarge,以500x500畫素顯示影像,另一個稱為Thumbnail,以150 x 150畫素顯示影像。 若要以EnlargeThumbnail大小傳送影像,Experience Manager找到Enlarge Image PresetThumbnail Image Preset的定義。 接著Experience Manager會根據每個影像預設集的大小和格式規格,動態產生影像。

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

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

管理影像預設集 managing-image-presets-1

若要在Experience Manager中管理影像預設集,請選取Experience Manager標誌以存取全域導覽主控台,然後選取「工具」圖示並導覽至​Assets > 影像預設集

6_5_tools-assets-imagepresets

NOTE
您建立的任何影像預設集,也可在預覽或傳送資產時作為動態轉譯使用。
您​ ​需要發佈影像預設集,因為影像預設集會自動發佈。
請參閱發佈影像預設集
NOTE
當您在資產的詳細資料檢視中選取​ 轉譯 ​時,系統會顯示各種轉譯。 您可以增加或減少顯示的影像預設集數目。 請參閱增加顯示的影像預設集數目

影像預設集與轉譯的相關性 how-image-presets-relate-to-renditions

影像預設集定義Dynamic Media傳送影像的方式,包括調整大小、格式設定、壓縮和其他顯示引數。 預設集本身不會產生轉譯。 相反地,這類資產會依賴處理資產時建立的轉譯。

AEM as a Cloud Service中的轉譯產生 rendition-generation-in-aemaacs

在AEM as a Cloud Service中,轉譯是使用資產微服務產生。 DAM更新資產工作流程無法在Cloud Service中進行自訂。

重要考量事項包括:

  • 轉譯會在上傳時產生。
  • 處理設定檔的變更會影響新上傳的資產。 如果需要新轉譯,則必須重新處理現有資產。
  • AEM as a Cloud Service不支援自訂工作流程模型以產生轉譯。

影像預設集會參考傳送時可用的轉譯。 在設定或使用影像預設集之前,請確認必要轉譯存在。

若要控制產生哪些轉譯:

  1. 建立或編輯處理設定檔
  2. 設定必要的轉譯定義。
  3. 將處理設定檔套用至適當的資料夾。

當資產上傳至已套用處理設定檔的資料夾時,資產微服務會自動產生定義的轉譯。

增加或減少顯示的影像預設集數目 increasing-or-decreasing-the-number-of-image-presets-that-display

預覽資產時,您建立的影像預設集可做為動態轉譯使用。 從​ 詳細資料檢視>轉譯 ​檢視資產時,Experience Manager會顯示各種動態轉譯。 您可以增加或減少顯示的轉譯限制。

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

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

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

    increase_decreasethenumberofimagepresetsthatdisplay

  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. 選取​全部儲存

建立影像預設集 creating-image-presets

建立影像預設集,以便在您預覽或發佈時,跨影像一致地套用設定。

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

如果您想要支援AI、PDF和EPS檔案的擷取,以便產生這些檔案格式的動態轉譯,請在建立影像預設集之前檢閱下列資訊。

請參閱Adobe Illustrator (AI)、PostScript® (EPS)和PDF檔案格式

如果您想要支援INDD檔案的擷取,以便產生此檔案格式的動態轉譯,請在建立「影像預設集」之前檢閱下列資訊。

請參閱InDesign (INDD)檔案格式

若要建立影像預設集:

  1. 在Experience Manager中,選取Experience Manager標誌以存取全域導覽主控台,然後前往​工具 > Assets > 影像預設集

  2. 選取「建立」。

    chlimage_1-496

    note note
    NOTE
    若要讓此影像預設集具有回應性,請擦除​ 寬度 ​和​ 高度 ​欄位中的值,並保留空白。
  3. 在​ 編輯影像預設集 ​視窗中,視需要在​ 基本 ​和​ 進階 ​標籤中輸入值,包括名稱。 這些選項在「影像預設 集選項」中概述。預設集會出現在左窗格中,並可與其他資產一起即時使用。

    6_5_imagepreset-edit

  4. 選取「儲存」。

建立回應式影像預設集 creating-a-responsive-image-preset

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

將其保留為空白會告知Experience Manager此影像預設集有回應。 您可以適當地調整其他值。

NOTE
若要在套用影像預設集至資產時檢視​ URL ​和​ RESS ​按鈕,必須發佈資產。
chlimage_1-79
影像預設集和影像資產會自動發佈。

影像預設集選項 image-preset-options

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

  • 格式基本​標籤) — 選取​ JPEG ​或其他符合您需求的格式。 所有網頁瀏覽器都支援JPEG影像格式;它在小檔案大小和影像品質之間提供良好的平衡。但是,JPEG格式影像使用有損壓縮方案,如果壓縮設定太低,則該壓縮方案會引入不想要的影像偽影。因此,Adobe建議將壓縮品質設為75。此設定在影像品質和檔案大小之間取得良好的平衡。

  • 啟用簡單銳利化 -請勿選取「啟用簡 ​單銳利化」 (此銳利化濾鏡提供的控制力比「非銳利化遮色片」設定少)。

  • 銳利化:重新取樣模式 — 選取​銳利化2

基本索引標籤選項 basic-tab-options

欄位
說明
名稱
輸入不含空格的描述性名稱。 為協助使用者識別此影像預設集,請在名稱中包含影像大小規格。
寬度和高度
輸入遞送影像的畫素大小。 寬度和高度必須大於0畫素。 如果任一值為0,則不會建立預設集。 如果兩個值都為空白,則會建立回應式影像預設集。
格式
從功能表中選擇格式。
選擇​ JPEG ​提供下列其他選項:
· 品質 - JPEG品質比例為1-100。 當您拖曳滑桿時,比例是可見的。
· 啟用JPG色度縮減取樣 — 因為眼睛對高頻色彩資訊的敏感性低於高頻明度,所以JPEG影像會將影像資訊分成明度和色彩元件。 壓縮JPEG影像時,明度分量會保留為完整解析度,而色彩分量會透過將畫素群組平均來縮減取樣。 縮減取樣將資料量減少一半或三分之一,對感知品質的影響極小。 縮減取樣不適用於灰階影像。 此技術會減少高對比影像(例如文字重疊的影像)的可用壓縮量。

選擇​ GIF ​或​ 含Alpha的GIF ​可提供這些額外的​ GIF色彩量化 ​選項:
· 型別 — 選取​最適化 (預設)、網頁​或​Macintosh。 如果您選取​ 具有Alpha ​的GIF,則Macintosh選項無法使用。
· 遞色 — 選取​ 擴散 ​或​關閉
· 色彩數目 — 輸入數字2 - 256。
· 色彩清單 — 輸入逗號分隔的清單。 例如,對於白色、灰色和黑色,請輸入000000,888888,ffffff

選擇​PDFTIFF​或含Alpha TIFF可提供此額外選項:
· 壓縮 — 選取壓縮演演算法。 PDF的演演算法選項為​NoneZip​和​Jpeg;TIFF的演演算法選項為​NoneLZWJpeg​和​Zip;搭配Alpha的TIFF的演演算法選項為​NoneLZW​和​Zip

選擇​PNG、使用Alpha的​ PNG ​或​ EPS ​不提供其他選項。
銳利化
選取​「啟用簡單銳利化」,在所有縮放完成後將基本銳利化濾鏡套用至影像。 銳利化有助於彌補以不同大小顯示影像時可能產生的模糊。

進階索引標籤選項 advanced-tab-options

欄位
說明
色彩空間
選取色域的 RGB、CMYK、灰階
色彩設定檔
如果資產與正在處理的設定檔不同,請選取要轉換為該資產的輸出色域設定檔。
渲染方法

您可以覆寫預設的色彩演算比對方式。 彩現意圖決定了在目標色彩設定檔中無法重現(超出色域)的色彩會發生什麼情況。 如果演算色彩比對方式與ICC設定檔不相容,則會予以忽略。

  • 選取可感知,當原始影像中的一或多個顏色超出目的地色域的色域時,將總色域從一個色域壓縮到另一個色域。
  • 選取相對色度 (當目前色域中的顏色超出目標色域的色域時)。 而且您想要將其對應到最接近的目標色域,而不變更其他顏色。
  • 如果您想要在轉換為目標色域時重現原始影像色彩飽和度,請選取飽和度
  • 選取 絕對比色 以完全符合顏色,不會調整會改變影像亮度的白點或黑點。
黑點補償
如果輸出設定檔支援此功能,請選取此選項。 如果黑點補償與指定的ICC設定檔不相容,則會忽略黑點補償。
正在遞色
選取此選項可避免或減少可能的色階誤差。
銳利化型別

選取銳利化不銳利化遮色片

  • 若要停用銳利化,請選取
  • 選取「銳利化」可在所有縮放完成後套用基本銳利化濾鏡至影像。 銳利化有助於彌補以不同大小顯示影像時可能產生的模糊。
  • 如果要微調最終縮減取樣影像的銳利化濾鏡效果,請選取不銳利化遮色片。 您可以控制效果的強度、效果的半徑(以畫素測量)以及被忽略的對比度臨界值。 此效果使用與Photoshop的「遮色片銳利化」濾鏡相同的選項。

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

  • Amount — 控制套用至邊緣畫素的對比量。 預設實數值為1.0。若是高解析度的影像,最高可增加到5.0。將「數量」視為濾鏡強度的量度。
  • 半徑 — 決定邊緣畫素周圍影響銳利化的畫素數量。 對於高解析度的影像,請輸入從1到2的實數。 低值只會銳利化邊緣畫素;高值會銳利化較寬的畫素範圍。 正確的值取決於影像的大小。
  • 臨界值 — 決定套用「遮色片銳利化」濾鏡時要忽略的對比範圍。 換言之,此選項會定義銳利化的畫素與周圍區域的差異程度,才會被視為邊緣畫素並予以銳利化。 為避免引入雜訊,請嘗試使用2到20的整數值。
  • 套用至 — 決定取消銳利化是套用至每個色彩還是亮度。

銳利化的說明請參閱 搭配Experience Manager Dynamic Media使用影像銳利化影片、銳利化影像線上說明主題,以及在Dynamic Media Classic中銳利化影像的最佳作法可下載的PDF。

重新取樣模式

選取 重新取樣模式 選項。 這些選項會在縮減取樣影像時銳利化影像:

  • 雙線性式 — 最快速的重新取樣方法。 會產生某些明顯的鋸齒狀不自然感。
  • 雙立方式 — 增加CPU使用量,但會產生較清晰的影像,且鋸齒狀不自然感比較不明顯。
  • 銳利化2 — 產生的結果可能會比「雙立方式」稍微銳利,但耗用的CPU成本更高。
  • Bi-Sharp — 選取Photoshop預設的重新取樣器以縮減影像大小,在Adobe Photoshop中稱為雙立方銳利化
  • 每個色彩亮度 — 每個方法都可以根據色彩或亮度。 依預設,會選取每個色彩
列印解析度
選取列印此影像的解析度;預設為72畫素。
影像修飾元

除了UI中可用的通用影像設定之外,Dynamic Media還支援您可以在 影像修飾元 欄位中指定的多項進階影像修改。 這些引數定義於影像伺服器通訊協定命令參考

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

  • 基本範本化和文字演算命令: text= textAngle= textAttr= textFlowPath= textFlowXPath= textPath=textPs=
  • 本地化命令: locale=req=xlate
  • req=set 無法用於一般用途。
  • req=mbrset
  • req=saveToFile
  • req=targets
  • template=
  • 非核心Dynamic Media服務:SVG、影像演算和Web對列印

使用影像修飾元定義影像預設集選項 defining-image-preset-options-with-image-modifiers

除了「基本」和「進階」標籤中的可用選項外,您也可以定義影像修飾元,以便在定義「影像預設集」時提供更多選項。 影像演算依賴Dynamic Media影像演算API,並在HTTP通訊協定參考中詳細定義。

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

NOTE
部分影像修飾元無法在Experience Manager中使用。
  • op_invert — 將每個顏色元件反轉成負影像效果。

    code language-xml
    &op_invert=1
    

    6_5_imagepreset-edit-invert

  • op_blur — 將模糊濾鏡套用至影像。

    code language-xml
    &op_blur=7
    

    6_5_imagepreset-edit-blur

  • 組合指令 — op_blur和op-inversion

    code language-xml
    &op_invert=1&op_blur=7
    

    chlimage_1-80

  • op_brightness — 減少或增加亮度。

    code language-xml
    &op_brightness=58
    

    6_5_imagepreset-edit-brightness

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

    code language-xml
    opac=29
    

    6_5_imagepreset-edit-opacity

編輯影像預設集 modifying-image-presets

  1. 在Experience Manager中,選取Experience Manager標誌以存取全域導覽主控台,然後前往​工具 > Assets > 影像預設集

    6_5_imagepreset-editpreset

  2. 選取預設集,然後選取​編輯編輯影像預設集​視窗隨即開啟。

  3. 進行變更並選取​ 儲存 ​以儲存您的變更,或選取​ 取消 ​以取消您的變更。

發佈影像預設集 publishing-image-presets

影像預設集會自動為您發佈。

刪除影像預設集 deleting-image-presets

  1. 在Experience Manager中,選取Experience Manager標誌以存取全域導覽主控台,並選取「工具」圖示。
  2. 導覽至​Assets > 影像預設集
  3. 選取預設集,然後選取​刪除。 Dynamic Media會確認您要刪除它。 選取​ 刪除 ​以移除,或選取​ 取消 ​以返回影像預設集。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab