Verwalten von Bildvorgaben für Dynamic Media managing-image-presets
Anhand von Bildvorgaben kann Adobe Experience Manager Assets Bilder mit unterschiedlichen Größen, Formaten oder Bildeigenschaften dynamisch bereitstellen. Jede Bildvorgabe stellt eine vordefinierte Sammlung von Größenangaben und Formatierungsbefehlen für die Anzeige von Bildern dar. Wenn Sie eine Bildvorgabe erstellen, wählen Sie eine Größe für die Bildbereitstellung aus. Sie wählen auch Formatierungsbefehle, damit das Erscheinungsbild des Bildes optimiert wird, wenn das Bild zur Anzeige bereitgestellt wird.
Admins können Vorgaben für den Asset-Export erstellen. Benutzer können eine Vorgabe auswählen, wenn sie Bilder exportieren, sodass die Bilder entsprechend den Spezifikationen des Administrators umformatiert werden.
Sie können auch responsive Bildvorgaben erstellen. Wenn Sie eine responsive Bildvorgabe auf Assets anwenden, werden diese je nach Gerät oder Bildschirmgröße bei der Anzeige geändert. Sie können Bildvorgaben konfigurieren, um im Farbraum zusätzlich zu RGB oder Graustufen auch CMYK zu verwenden.
In diesem Abschnitt wird beschrieben, wie Bildvorgaben erstellt, geändert und allgemein verwaltet werden. Sie können jederzeit bei der Vorschau eines Bildes eine Bildvorgabe darauf anwenden. Siehe Anwenden von Bildvorgaben.
Verstehen von Bildvorgaben für Dynamic Media understanding-image-presets
Wie ein Makro ist eine Bildvorgabe eine vordefinierte Sammlung aus Größenangaben und Formatierungsbefehlen, die unter einem Namen gespeichert wird. Stellen Sie sich folgendes Szenario vor, um ein besseres Verständnis von Bildvorgaben zu erlangen: Für Ihre Website muss jedes Produktbild in unterschiedlichen Größen, Formaten und Kompressionsraten auf Desktop- und Mobilgeräten angezeigt werden.
Sie können zwei Bildvorgaben erstellen: eine mit 500 x 500 Pixel für die Desktopcomputerversion und die andere mit 150 x 150 Pixel für die Mobilgeräteversion. Sie können zwei Bildvorgaben erstellen: Enlarge
(Vergrößern) dient der Anzeige von Bildern mit einer Auflösung von 500 x 500 Pixel, Thumbnail
(Miniatur) der Anzeige von Bildern mit einer Auflösung von 150 x 150 Pixel. Zum Übermitteln von Bildern mit der Größe Enlarge
und Thumbnail
sucht Experience Manager nach der Definition der Bildvorgabe „Vergrößern“ und nach der Bildvorgabe „Miniaturansicht“. Experience Manager generiert anschließend dynamisch ein Bild anhand der Größen- und Formatierungsspezifikationen der jeweiligen Bildvorgabe.
Bilder, die bei der dynamischen Bereitstellung verkleinert werden, können an Schärfe und Detailgenauigkeit verlieren. Aus diesem Grund enthält jede Bildvorgabe Formatierungssteuerelemente zum Optimieren eines Bildes, wenn es in einer bestimmten Größe bereitgestellt wird. Dadurch wird sichergestellt, dass die Bilder scharf und deutlich auf der Website oder im Programm angezeigt werden.
Admins können Bildvorgaben erstellen. Sie können völlig neue Bildvorgaben erstellen oder eine vorhandene Vorgabe bearbeiten und unter einem neuen Namen speichern.
Verwalten von Bildvorgaben für Dynamic Media managing-image-presets-1
Bildvorgaben verwalten Sie in Experience Manager, indem Sie auf das Experience Manager-Logo tippen oder klicken, um auf die globale Navigationskonsole zuzugreifen. Tippen oder klicken Sie dann auf das Werkzeugsymbol und navigieren Sie zu Assets > Bildvorgaben.
Smartes Zuschneiden, Adobe Illustrator (AI), Postscript (EPS) und PDF adobe-illustrator-ai-postscript-eps-and-pdf-file-formats
Wenn Sie die Aufnahme von AI-, EPS- und PDF-Dateien unterstützen möchten, um aus diesen Dateiformaten dynamische Ausgabedarstellungen zu generieren, lesen Sie die folgenden Informationen, bevor Sie Bildvorgaben erstellen.
Das Dateiformat von Adobe Illustrator ist eine Variante von PDF. Dies sind die wichtigsten Unterschiede im Hinblick auf Experience Manager Assets:
- Adobe Illustrator-Dokumente bestehen aus einer einzelnen Seite mit mehreren Ebenen. Jede Ebene wird als PNG-Teil-Asset unter dem Illustrator-Haupt-Asset extrahiert.
- PDF-Dokumente bestehen aus einer oder mehreren Seiten. Jede Seite wird als einseitiges PDF-Teil-Asset unter dem mehrseitigen PDF-Hauptdokument extrahiert.
Die Teil-Assets werden von der Komponente Create Sub Asset process
im übergeordneten DAM Update Asset
-Workflow erstellt. Um diese Prozesskomponente innerhalb des Workflows zu sehen, wählen Sie Tools > Workflow > Modelle > DAM-Update-Asset > Bearbeiten.
Siehe auch Seiten einer mehrseitigen Datei anzeigen.
Sie können die Teil-Assets oder die Seiten anzeigen, wenn Sie das Asset öffnen, auf das Menü „Inhalt“ klicken und Teil-Assets oder Seiten auswählen. Teil-Assets sind echte Assets. Daher werden PDF-Seiten durch den Workflow Create Sub Asset
(Teil-Asset erstellen) extrahiert. Die Seiten werden dann unter dem Haupt-Asset als page1.pdf
, page2.pdf
usw. gespeichert. Nach dem Speichern werden sie vom Workflow DAM Update Asset
verarbeitet.
Um Dynamic Media zu verwenden und dynamische Ausgabedarstellungen für AI-, EPS- oder PDF-Dateien als Vorschau anzuzeigen oder zu generieren, sind folgende Verarbeitungsschritte erforderlich:
-
Im Workflow
DAM Update Asset
wird die erste Seite des ursprünglichen Assets mithilfe der konfigurierten Auflösung von der ProzesskomponenteRasterize PDF/AI Image Preview Rendition
in einer Ausgabedarstellungcqdam.preview.png
gerastert. -
Die Ausgabedarstellung
cqdam.preview.png
wird dann im Workflow durch die ProzesskomponenteDynamic Media Process Image Assets
zu einer PTIFF-Datei optimiert.
Metadateneigenschaften von PDF-/AI-/EPS-Assets pdf-ai-eps-asset-metadata-properties
dam:Physicalwidthininches
dam:Physicalheightininches
Sie können Rasterize PDF/AI Image Preview Rendition
-Prozesskomponentenoptionen über den Workflow DAM Update Asset
aufrufen.
Wählen Sie in der oberen linken Ecke „Adobe Experience Manager“ aus und navigieren Sie zu Tools > Workflow > Modelle. Wählen Sie auf der Seite „Workflow-Modelle“ DAM-Update-Asset aus und dann in der Symbolleiste Bearbeiten. Wählen Sie auf der Workflow-Seite DAM-Update-Asset die Prozesskomponente Rasterize PDF/AI Image Preview Rendition
doppelt aus, um das Dialogfeld „Schritteigenschaften“ zu öffnen.
PDF-/AI-Bildvorschau-Ausgabedarstellung rastern – Optionen rasterize-pdf-ai-image-preview-rendition-options
Argumente zum Rastern von PDF- oder AI-Workflows
Bei Verwendung der standardmäßigen Prozessargumente wird die erste Seite eines PDF/AI-Dokuments mit 72 ppi gerastert und das generierte Vorschaubild hat eine Größe von 2048 x 2048 Pixel. Für eine typische Bereitstellung können Sie die Auflösung auf einen Mindestwert von 150 ppi oder mehr erhöhen. Für ein US Letter-Dokument ist z. B. für 300 ppi eine maximale Breite und Höhe von 2550 x 3300 Pixel erforderlich.
Die max. Breite und die max. Höhe beschränken die Auflösung, in der die Rasterung erfolgt. Wenn beispielsweise die Maximalwerte unverändert bleiben und die Auflösung auf 300 ppi eingestellt ist, wird ein US-Letter-Dokument auf 186 ppi gerastert. Das heißt, das Dokument hat 1581 x 2046 Pixel.
Für die Prozesskomponente Rasterize PDF/AI Image Preview Rendition
ist ein Maximalwert definiert, um sicherzustellen, dass im Arbeitsspeicher keine zu großen Bilder erstellt werden. Zu große Bilder können zu einem Überlauf des für die JVM (Java™ Virtual Machine) bereitgestellten Speichers führen. Achten Sie darauf, der JVM ausreichend Arbeitsspeicher zur Verwaltung der konfigurierten Anzahl paralleler Workflows zur Verfügung zu stellen, da jeder Workflow potenziell ein Bild in der konfigurierten Maximalgröße erstellen kann.
InDesign-Dateiformat (INDD) indesign-indd-file-format
Wenn Sie die Aufnahme von INDD-Dateien unterstützen möchten, um aus diesem Dateiformat dynamische Ausgabedarstellungen zu generieren, sollten Sie die folgenden Informationen lesen, bevor Sie Bildvorgaben erstellen.
Für InDesign-Dateien werden nur dann Teil-Assets extrahiert, wenn der Adobe InDesign Server in Experience Manager integriert ist. Referenzierte Assets werden basierend auf ihren Metadaten verknüpft. Für die Verknüpfung ist InDesign Server nicht erforderlich. Die referenzierten Assets müssen jedoch in Experience Manager vorhanden sein, bevor die InDesign-Dateien verarbeitet werden, damit die Verknüpfungen zwischen den InDesign-Dateien und den referenzierten Assets erstellt werden können.
Siehe Integrieren von Experience Manager Assets mit InDesign Server.
Die Prozesskomponente zum Extrahieren von Medien im Workflow DAM Update Asset
führt mehrere vorkonfigurierte ExtendScript-Skripte aus, um InDesign-Dateien zu verarbeiten.
Die ExtendScript-Pfade in den Argumenten der Prozesskomponente zum Extrahieren von Medien im Workflow DAM-Update-Asset
Die folgenden Skripte werden von der Dynamic Media-Integration verwendet:
Konfigurieren der Größe der Miniaturansicht configuring-image-thumbnail-size
Sie können die Größe von Miniaturen über die Einstellungen im Workflow DAM-Update-Asset konfigurieren. Im Workflow sind zwei Schritte enthalten, in denen Sie die Größe der Miniaturen von Bild-Assets konfigurieren können. Obwohl der eine (Dynamic Media Process Image-Assets) für das Generieren dynamischer Bild-Assets und der andere (Miniaturansichten verarbeiten) für das Generieren statischer Miniaturen verwendet wird bzw. dann, wenn alle anderen Prozesse zum Generieren von Miniaturen fehlschlagen, müssen beide dieselben Einstellungen haben.
Im Schritt Bild-Assets-Prozess für Dynamic Media werden vom Bild-Server Miniaturen generiert. Diese Konfiguration ist unabhängig von der Konfiguration, die auf den Schritt Prozessminiaturen angewendet wird. Das Generieren von Miniaturen mit dem Schritt Miniaturen verarbeiten ist das langsamste und speicherintensivste Verfahren zum Erstellen von Miniaturen.
Die Größe der Miniaturen wird im folgenden Format definiert: width:height:center
, z. B. 80:80:false
. Breite und Höhe legen die Größe der Miniaturansicht in Pixel fest. Für den Center-Wert ist entweder false oder true festgelegt. Wenn true festgelegt ist, hat das Miniaturbild exakt die in der Konfiguration festgelegte Größe. Wenn das in der Größe angepasste Bild kleiner ist, wird es im Miniaturbildfenster zentriert.
-
Die Größe der Miniaturen für EPS-Dateien wird im Schritt EPS-Miniaturen auf der Registerkarte Argumente unter „Miniaturen“ konfiguriert.
-
Die Größe der Miniaturen für Videos wird im Schritt FFmpeg-Miniaturen auf der Registerkarte Prozess unter Argumente konfiguriert.
So konfigurieren Sie die Größe von Miniaturen:
-
Wählen Sie Tools > Workflow > Modelle > DAM-Aktualisierungs-Asset > Bearbeiten.
-
Wählen Sie den Schritt Dynamic Media-Prozess Bilder-Assets und klicken Sie auf die Registerkarte Miniaturen. Ändern Sie bei Bedarf die Größe der Miniaturen und klicken Sie auf OK.
-
Wählen Sie den Schritt Miniaturen verarbeiten und dann die Registerkarte Miniaturen aus. Ändern Sie bei Bedarf die Größe der Miniaturen und klicken Sie auf OK.
note note NOTE Die Werte im Argument „Miniaturen“ im Schritt Miniaturen verarbeiten müssen mit dem Argument „Miniaturen“ im Schritt Bild-Assets-Verarbeitung für Dynamic Media übereinstimmen. -
Klicken Sie auf Speichern, um die Änderungen am Workflow zu speichern.
Erhöhen oder Verringern der Anzahl der angezeigten Dynamic Media-Bildvorgaben increasing-or-decreasing-the-number-of-image-presets-that-display
Erstellte Bildvorgaben sind auch als dynamische Ausgabedarstellungen verfügbar, wenn Sie eine Vorschau von Assets anzeigen. Experience Manager zeigt verschiedene dynamische Ausgabedarstellungen an, wenn ein Asset über Detailansicht > Ausgabedarstellungen angezeigt wird. Sie können die Anzahl der angezeigten Ausgabedarstellungen erhöhen oder verringern.
Erhöhen oder verringern Sie die Anzahl der angezeigten Dynamic Media-Bildvorgaben:
-
Navigieren Sie zu CRXDE Lite (https://localhost:4502/crx/de).
-
Navigieren Sie zum Knoten für die Bildvorgabenliste unter
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
. -
Ändern Sie für die Eigenschaft limit den Wert, für den standardmäßig 15 festgelegt ist, in einen höheren Wert.
-
Navigieren Sie zur Datenquelle der Bildvorgabe unter
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource
-
Ändern Sie in der Eigenschaft „limit“ den Wert auf die gewünschte Zahl, z. B.
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
. -
Klicken Sie auf Alle speichern.
Erstellen einer Dynamic Media-Bildvorgabe creating-image-presets
Indem Sie eine Bildvorgabe erstellen, können Sie die entsprechenden Einstellungen bei der Vorschau oder beim Veröffentlichen auf alle Bilder anwenden.
Wenn Sie die Aufnahme von AI-, PDF- und EPS-Dateien unterstützen möchten, um aus diesen Dateiformaten dynamische Ausgabedarstellungen zu generieren, lesen Sie die folgenden Informationen, bevor Sie Bildvorgaben erstellen.
Siehe Dateiformate Adobe Illustrator (AI), Postscript (EPS) und PDF.
Wenn Sie die Aufnahme von INDD-Dateien unterstützen möchten, um aus diesem Dateiformat dynamische Ausgabedarstellungen zu generieren, sollten Sie die folgenden Informationen lesen, bevor Sie Bildvorgaben erstellen.
Siehe InDesign-Dateiformat (INDD).
So erstellen Sie eine Dynamic Media-Bildvorgabe:
-
Wählen Sie in Adobe Experience Manager das Adobe Experience Manager-Logo, um auf die globale Navigationskonsole zuzugreifen, und dann Tools > Assets > Bildvorgaben.
-
Klicken Sie auf Erstellen. Das Fenster Bildvorgabe bearbeiten wird geöffnet.
note note NOTE Damit diese Bildvoreinstellung responsiv wird, löschen Sie die Werte in den Feldern Breite und Höhe und lassen Sie sie leer. -
Geben Sie Werte wie gewünscht in die Registerkarten Allgemein und Erweitert ein, einschließlich eines Namens. Die Optionen werden unter Bildvoreinstellungsoptionen beschrieben. Vorgaben werden im linken Bereich angezeigt und können nur zusammen mit anderen Assets verwendet werden.
-
Klicken Sie auf Speichern.
Erstellen von responsiven Bildvorgaben creating-a-responsive-image-preset
Um eine responsive Bildvorgabe zu erstellen, führen Sie die im Abschnitt Erstellen von Bildvorgaben beschriebenen Schritte durch. Löschen Sie die Werte für Höhe und Breite im Fenster Bildvorgabe bearbeiten und lassen Sie sie leer.
Dadurch wird diese Vorgabe in Experience Manager als responsiv erkannt. Sie können die anderen Werte nach Bedarf anpassen.
Optionen für Bildvorgaben image-preset-options
Die in diesem Abschnitt beschriebenen Optionen sind beim Erstellen oder Bearbeiten von Bildvorgaben verfügbar. Adobe empfiehlt zudem für den Anfang als Best Practice die Auswahl der folgenden Optionen:
-
Format (Registerkarte Allgemein) – Wählen Sie JPEG oder ein anderes Format, das Ihren Anforderungen entspricht. Alle Webbrowser unterstützen das JPEG-Bildformat; es bietet eine gute Balance zwischen Dateigröße und Bildqualität. Bilder im JPEG-Format nutzen jedoch ein verlustbehaftetes Komprimierungsschema, das unerwünschte Bildartefakte hervorrufen kann, wenn die Komprimierungseinstellung zu niedrig ist. Aus diesem Grund empfiehlt Adobe, die Komprimierungsqualität auf 75 einzustellen. Diese Einstellung bietet einen angemessenen Ausgleich zwischen Bildqualität und kleiner Dateigröße.
-
Einfaches Scharfzeichnen aktivieren: Aktivieren Sie nicht die Option Einfaches Scharfzeichnen aktivieren (dieser Scharfzeichnungsfilter bietet weniger Kontrolle als die Einstellungen für „Unschärfemaske“).
-
Scharfzeichnen: Resampling-Modus: Wählen Sie Scharf2 aus.
Optionen auf der Registerkarte „Standard“ basic-tab-options
Optionen auf der Registerkarte „Erweitert“ advanced-tab-options
Definieren von Bildvorgabenoptionen mit Bildmodifikatoren defining-image-preset-options-with-image-modifiers
Zusätzlich zu den auf den Registerkarten „Allgemein“ und „Erweitert“ verfügbaren Optionen können Sie Bildmodifikatoren definieren, damit Sie beim Definieren von Bildvorgaben über mehr Optionen verfügen. Das Rendern von Bildern basiert auf der Image Rendering-API und wird ausführlich in der HTTP-Protokollreferenz beschrieben.
Im Folgenden finden Sie einige einfache Beispiele für die Nutzung von Bild-Modifikatoren.
-
op_invert: Invertiert jede Farbkomponente für einen negativen Bildeffekt.
code language-xml &op_invert=1
-
op_blur: Wendet einen Weichzeichenfilter auf das Bild an.
code language-xml &op_blur=7
-
Kombinierte Befehle - op_blur und op-invert
code language-xml &op_invert=1&op_blur=7
-
Op_brightness: Verringert oder erhöht die Helligkeit.
code language-xml &op_brightness=58
-
opac: Passt die Bilddeckkraft an. Ermöglicht das Reduzieren der Vordergrunddeckkraft.
code language-xml opac=29
Bearbeiten von Bildvorgaben modifying-image-presets
-
Wählen Sie in Experience Manager das Experience Manager-Logo, um auf die globale Navigation zuzugreifen, und dann Tools > Assets > Bildvorgaben.
-
Wählen Sie eine Vorgabe aus und klicken Sie dann auf Bearbeiten. Das Fenster Bildvorgabe bearbeiten wird geöffnet.
-
Nehmen Sie Änderungen vor und klicken Sie auf Speichern, um die Änderungen zu speichern, oder auf Abbrechen, um sie zu verwerfen.
Veröffentlichen von Dynamic Media-Bildvorgaben publishing-image-presets
Wenn Sie Dynamic Media im Hybridmodus ausführen, müssen Sie die Bildvorgaben manuell veröffentlichen.
(Wenn Sie den Modus „Dynamic Media – Scene7“ ausführen, werden Bildvorgaben automatisch für Sie veröffentlicht. Sie müssen diese Schritte nicht ausführen.)
So veröffentlichen Sie Bildvorgaben im Modus „Dynamic Media –Hybrid“:
-
Klicken Sie in Adobe Experience Manager auf das Adobe Experience Manager-Logo, um auf die globale Navigationskonsole zuzugreifen. Klicken Sie dann auf das Werkzeugsymbol und navigieren Sie zu Assets > Bildvorgaben.
-
Wählen Sie in der Liste der Bildvorgaben eine oder mehrere Bildvorgaben aus und klicken Sie auf Veröffentlichen.
-
Nachdem die Bildvorgabe veröffentlicht wurde, ändert sich der Status von „unveröffentlicht“ zu „veröffentlicht“.
Löschen von Dynamic Media-Bildvorgaben deleting-image-presets
- Klicken Sie in Experience Manager auf das Experience Manager-Logo, um auf die Konsole für die globale Navigation zuzugreifen.
- Wählen Sie das Tools-Symbol und navigieren Sie dann zu Assets > Bildvorgaben.
- Wählen Sie eine Vorgabe aus und klicken Sie auf Löschen. Dynamic Media fordert Sie auf, Ihre Löschabsicht zu bestätigen. Tippen Sie auf Löschen, um den Löschvorgang vorzunehmen, oder auf Abbrechen, um den Vorgang abzubrechen.