Verwalten von Bildvorgaben 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 aus Größenangaben und Formatierungsbefehlen für die Anzeige von Bildern dar. Beim Erstellen einer Bildvorgabe 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 Export von Assets 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.
Informationen zu Bildvorgaben 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 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, die bei der dynamischen Bereitstellung verkleinert werden, können an Schärfe und Detailgenauigkeit verlieren. Aus diesem Grund umfasst jede Bildvorgabe Formatierungssteuerelemente für die Optimierung eines Bildes, wenn es mit 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 managing-image-presets-1
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 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 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:
-
Im Workflow
DAM Update Assetwird die erste Seite des ursprünglichen Assets mithilfe der konfigurierten Auflösung von der ProzesskomponenteRasterize PDF/AI Image Preview Renditionin einer Ausgabedarstellungcqdam.preview.pnggerastert. -
Die Ausgabedarstellung
cqdam.preview.pngwird dann im Workflow durch die ProzesskomponenteDynamic Media Process Image Assetszu einer PTIFF-Datei optimiert.
Metadateneigenschaften von PDF-/AI-/EPS-Assets pdf-ai-eps-asset-metadata-properties
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 Seite „Workflow 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
application/postscript
application/illustrator
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 z. B. die Maximalwerte unverändert bleiben und die Auflösung auf 300 ppi festgelegt ist, wird ein US Letter-Dokument mit 186 ppi gerastert. Das Dokument ist demnach 1581 x 2046 Pixel groß.
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, 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 auf der Grundlage ihrer 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.
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:
thumbnail.jpg-Ausgabedarstellung, die von der Prozesskomponente Dynamic Media Process Image Assets optimiert und in eine PTIFF-Ausgabedarstellung umgewandelt wird.DAM Update Asset optimiert und in eine PTIFF-Darstellung umgewandelt.Konfigurieren der Größe von Miniaturen 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. 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 Miniaturen wird im folgenden Format definiert: widthcenter, z. B. 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.
-
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:
-
Gehen Sie zu Tools > Workflow > Modelle > DAM-Update-Asset > Bearbeiten.
-
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.
-
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 angezeigter 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.
So erhöhen oder verringern Sie die Anzahl angezeigter 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 den Wert in der Eigenschaft „Limit“ auf die gewünschte Zahl, z. B.
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}. -
Wählen Sie Alle speichern aus.
Erstellen von Bildvorgaben creating-image-presets
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:
-
Klicken Sie in Experience Manager auf das Adobe Experience Manager-Logo, um auf die globale Navigationskonsole zuzugreifen, und dann auf Tools > Assets > Bildvorgaben.
-
Wählen Sie Erstellen.
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 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.
-
Wählen Sie Speichern aus.
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
Bei Auswahl von JPEG stehen die folgenden anderen Optionen zur Verfügung:
• Qualität: Die JPEG-Qualitätsskala ist 1–100. Sie Skala ist sichtbar, wenn Sie den Schieberegler bewegen.
• JPG-Chrominanz-Downsampling aktivieren: Da das menschliche Auge weniger empfindlich gegenüber hochfrequenten Farbinformationen als gegenüber hochfrequenter Luminanz ist, teilen JPEG-Bilder die Bildinformationen in Luminanz und Farbkomponenten. Wenn ein JPEG-Bild komprimiert wird, bleibt die Luminanzkomponente in der vollen Auflösung erhalten, während bei den Farbkomponenten ein Downsampling anhand einer Durchschnittsbildung von Pixelgruppen erfolgt. Beim Downsampling wird das Datenvolumen um die Hälfte oder ein Drittel reduziert, ohne dass dies entscheidende Auswirkungen auf die wahrgenommene Qualität hat. Downsampling kann nicht auf Graustufen-Bilder angewendet werden. Diese Technik reduziert den Komprimierungsgrad, was bei Bildern mit hohem Kontrast hilfreich ist (z. B. bei Bildern mit überlagertem Text).
Wenn Sie GIF oder GIF mit Alpha auswählen, erhalten Sie die folgenden zusätzlichen Optionen für die GIF-Farbquantifizierungsoptionen:
• Typ: Wählen Sie Adaptiv (Standard), Web oder Macintosh aus. Wenn Sie GIF mit Alpha auswählen, ist die Option „Macintosh“ nicht verfügbar.
• Dithering: Wählen Sie Diffus oder Aus.
• Anzahl Farben: Geben Sie eine Zahl von 2 bis 256 ein.
• Farbliste: Geben Sie eine kommagetrennte Liste ein. Geben Sie beispielsweise für Weiß, Grau und Schwarz „
000000,888888,ffffff“ ein.Wenn Sie PDF, TIFF oder TIFF mit Alpha auswählen, erhalten Sie die folgende zusätzliche Option:
• Komprimierung: Wählen Sie einen Komprimierungsalgorithmus. Die Algorithmusoptionen für PDF lauten Kein, ZIP und JPEG. Für TIFF lauten sie Kein, LZW, JPEG und ZIP. Für TIFF mit Alpha lauten sie Kein, LZW und ZIP.
Die Auswahl PNG, PNG mit Alpha oder EPS ergibt keine zusätzlichen Optionen.
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 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.
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 es Ihnen, die Vordergrunddeckkraft zu verringern.
code language-xml opac=29
Bearbeiten von Bildvorgaben modifying-image-presets
-
Klicken Sie in Experience Manager auf das Adobe Experience Manager-Logo, um auf die globale Navigationskonsole zuzugreifen, und dann auf 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 Bildvorgaben publishing-image-presets
Bildvorgaben werden automatisch veröffentlicht.
Löschen von Bildvorgaben deleting-image-presets
- Klicken Sie in Experience Manager auf das Adobe Experience Manager-Logo, um auf die globale Navigationskonsole zuzugreifen, und klicken Sie dann auf das Werkzeugsymbol.
- Gehen Sie zu Assets > Bildvorgaben.
- 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.