Verwalten von Bildvorgaben

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.

Administratoren 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 Sie Bildvorgaben erstellen, ändern und allgemein verwalten. Sie können jederzeit bei der Vorschau eines Bildes eine Bildvorgabe darauf anwenden. Siehe Anwenden von Bildvorgaben.

Informationen zu Bildvorgaben

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 Adobe Experience Manager nach der Definition der Bildvorgabe „Vergrößern“ und der Bildvorgabe „Miniatur“. Experience Manager generiert anschließend dynamisch ein Bild anhand der Größen- und Formatierungsspezifikationen der jeweiligen Bildvorgabe.

Bilder, deren Größe bei der dynamischen Bereitstellung reduziert wird, können Schärfe und Details 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.

Administratoren können Bildvorgaben erstellen. Um eine Bildvorgabe zu erstellen, können Sie von Grund auf neu beginnen oder eine vorhandene Vorgabe unter einem neuen Namen speichern.

Verwalten von Bildvorgaben

Bildvorgaben verwalten Sie in Experience Manager, indem Sie auf das Adobe Experience Manager-Logo klicken, um auf die globale Navigationskonsole zuzugreifen. Klicken Sie dann auf das Werkzeugsymbol und gehen Sie zu Assets > Bildvorgaben.

Dateiformate Adobe Illustrator (AI), PostScript® (EPS) und PDF

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 anzuzeigen, klicken Sie auf Tools > Workflow > Modelle > DAM-Update-Asset > Bearbeiten.

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:

1. Im Workflow DAM Update Asset wird die erste Seite des ursprünglichen Assets mithilfe der konfigurierten Auflösung von der Prozesskomponente Rasterize PDF/AI Image Preview Rendition in einer Ausgabedarstellung cqdam.preview.png gerastert.

2. Die Ausgabedarstellung cqdam.preview.png wird dann im Workflow durch die Prozesskomponente Dynamic Media Process Image Assets zu einer PTIFF-Datei optimiert.

Metadateneigenschaften von PDF-/AI-/EPS-Assets

Sie können Rasterize PDF/AI Image Preview Rendition-Prozesskomponentenoptionen über den Workflow DAM Update Asset aufrufen.

Klicken Sie links oben auf Adobe Experience Manager, gehen Sie zu Tools > Workflow > Modelle. Wählen Sie auf der Seite „Workflow-Modelle“ DAM-Update-Asset aus und klicken Sie dann in der Symbolleiste auf Bearbeiten. Wählen Sie auf der Workflow-Seite "DAM-Update-Asset"die Rasterize PDF/AI Image Preview Rendition Prozesskomponente , um das Dialogfeld "Schritteigenschaften"zu öffnen.

PDF-/AI-Bildvorschau-Ausgabedarstellung rastern – Optionen

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-Briefdokument mit 186 ppi gerastert. Das heißt, das Dokument ist 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)

Wenn Sie die Aufnahme von INDD-Dateien unterstützen möchten, um aus diesem Dateiformat dynamische Ausgabedarstellungen zu generieren, lesen Sie die folgenden Informationen, 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 keine InDesign Server 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.

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 von Miniaturen

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. Einer (Bild-Assets-Prozess für Dynamic Media) wird für dynamische Bild-Assets verwendet. Der andere (Prozessminiaturen) wird für die Generierung statischer Miniaturen verwendet oder wenn alle anderen Prozesse keine Miniaturen generieren. Unabhängig davon 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 Miniaturansichten wird im folgenden Format definiert: width:height:center, beispielsweise 80:80:false. Die Breite und die Höhe legen die Größe der Miniatur 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.

So konfigurieren Sie die Größe von Miniaturen:

1. Gehen Sie zu Tools > Workflow > Modelle > DAM-Update-Asset > Bearbeiten.

2. Wählen Sie den Schritt Dynamic Media Process Image-Assets und dann die Registerkarte Miniaturen aus. Ändern Sie bei Bedarf die Größe der Miniaturen und klicken Sie auf OK.

   

3. 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.

   HINWEIS

   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.

4. Klicken Sie auf Speichern, um die Änderungen am Workflow zu speichern.

Erhöhen oder Verringern der Anzahl angezeigter Bildvorgaben

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.

So erhöhen oder verringern Sie die Anzahl angezeigter Bildvorgaben:

1. Navigieren Sie zu CRXDE Lite (https://localhost:4502/crx/de).

2. Navigieren Sie zum Knoten für die Bildvorgabenliste unter /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist.

   

3. Ändern Sie für die Eigenschaft limit den Wert, für den standardmäßig 15 festgelegt ist, in einen höheren Wert.

4. Navigieren Sie zur Datenquelle der Bildvorgabe unter /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource

   

5. Ändern Sie in der Eigenschaft limit die Zahl auf die gewünschte Zahl, z. B. {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

6. Wählen Sie Alle speichern aus.

Erstellen von Bildvorgaben

Erstellen Sie Bildvorgaben, damit Sie bei der Vorschau oder Veröffentlichung Einstellungen konsistent auf alle Bilder anwenden können.

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, lesen Sie die folgenden Informationen, bevor Sie Bildvorgaben erstellen.

Siehe InDesign-Dateiformat (INDD).

So erstellen Sie Bildvorgaben:

1. Klicken Sie in Experience Manager auf das Adobe Experience Manager-Logo, um auf die globale Navigationskonsole zuzugreifen, und dann auf Tools > Assets > Bildvorgaben.

2. Wählen Sie Erstellen.

   

   HINWEIS

   Damit diese Bildvoreinstellung responsiv wird, löschen Sie die Werte in den Feldern Breite und Höhe und lassen Sie sie leer.

3. Geben Sie auf der Seite Bildvorgabe bearbeiten auf den Registerkarten Allgemein und Erweitert die entsprechenden Werte (einschließlich eines Namens) ein. Die Optionen werden unter Bildvoreinstellungsoptionen beschrieben. Vorgaben werden im linken Bereich angezeigt und können nur zusammen mit anderen Assets verwendet werden.

   

4. Wählen Sie Speichern aus.

Erstellen von responsiven Bildvorgaben

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

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“

Optionen auf der Registerkarte „Erweitert“

Definieren von Bildvorgabenoptionen mit Bildmodifikatoren

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 Dynamic Media 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.

  &op_invert=1
  

  

• op_blur: Wendet einen Weichzeichenfilter auf das Bild an.

  &op_blur=7
  

  

• Kombinierte Befehle - op_blur und op-invert

  &op_invert=1&op_blur=7
  

  

• Op_brightness: Verringert oder erhöht die Helligkeit.

  &op_brightness=58
  

  

• opac: Passt die Bilddeckkraft an. Ermöglicht das Reduzieren der Vordergrunddeckkraft.

  opac=29
  

  

Bearbeiten von Bildvorgaben

1. Klicken Sie in Experience Manager auf das Adobe Experience Manager-Logo, um auf die globale Navigationskonsole zuzugreifen, und dann auf Tools > Assets > Bildvorgaben.

   

2. Wählen Sie eine Vorgabe aus und klicken Sie dann auf Bearbeiten. Das Fenster Bildvorgabe bearbeiten wird geöffnet.

3. Nehmen Sie Änderungen vor und klicken Sie auf Speichern, um die Änderungen zu speichern, oder auf Abbrechen, um sie zu verwerfen.

Veröffentlichen von Bildvorgaben

Bildvorgaben werden automatisch veröffentlicht.

Löschen von Bildvorgaben

1. Klicken Sie in Experience Manager auf das Adobe Experience Manager-Logo, um auf die globale Navigationskonsole zuzugreifen, und klicken Sie dann auf das Werkzeugsymbol.
2. Gehen Sie zu Assets > Bildvorgaben.
3. Wählen Sie eine Vorgabe aus und klicken Sie dann auf Löschen. Dynamic Media bestätigt Ihre Löschabsicht. Klicken Sie auf Löschen, um sie zu entfernen oder auf Abbrechen, um zu den Bildvorgaben zurückzukehren.