Verwalten von Bildvorgaben für Dynamic Media managing-image-presets
Anhand von Bildvorgaben kann AEM 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 beim Exportieren von Bildern eine Vorgabe auswählen, die Bilder entsprechend den vom Administrator festgelegten Spezifikationen umformatiert.
Sie können auch responsive Bildvorgaben erstellen. Wenn Sie eine responsive Bildvorgabe auf Ihre Assets anwenden, ändern sich diese je nach Gerät oder Bildschirmgröße, auf dem sie angezeigt werden. 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.
Verstehen von Bildvorgaben für Dynamic Media understanding-image-presets
Wie ein Softwaremakro ist eine Bildvorgabe eine vordefinierte Sammlung von Größenangaben und Formatierungsbefehlen, die unter einem Namen gespeichert wird. Um zu verstehen, wie Bildvorgaben funktionieren, nehmen wir an, dass auf Ihrer Website jedes Produktbild in unterschiedlichen Größen, Formaten und Komprimierungsraten für die Bereitstellung auf Desktop- und Mobilgeräten angezeigt werden muss.
Sie können zwei Bildvorgaben erstellen: eine mit 500 x 500 Pixel für die Desktop-Version und 150 x 150 Pixel für die mobile Version. Sie erstellen zwei Bildvorgaben, eine mit dem Namen Vergrößern , um Bilder mit einer Auflösung von 500 x 500 Pixel und einem Namen anzuzeigen. Miniatur , um Bilder mit einer Auflösung von 150 x 150 Pixel anzuzeigen. Um Bilder in der Größe "Vergrößern"und "Miniatur"bereitzustellen, sucht AEM nach der Definition der Bildvorgabe "Vergrößern"und der Bildvorgabe "Miniatur". Anschließend generiert AEM dynamisch ein Bild in der Größe und Formatierungsspezifikation jeder 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 für Dynamic Media managing-image-presets-1
Sie können Ihre Bildvorgaben in AEM verwalten, indem Sie auf das AEM Logo tippen, um auf die globale Navigationskonsole zuzugreifen. Tippen Sie dann auf das Werkzeugsymbol und navigieren Sie zu Assets > Bildvorgaben.
Dateiformate Adobe Illustrator (AI), Postscript (EPS) und PDF adobe-illustrator-ai-postscript-eps-and-pdf-file-formats
Wenn Sie AI-, EPS- und PDF-Dateien unterstützen möchten, um aus diesen Dateiformaten dynamische Ausgabedarstellungen zu generieren, sollten Sie die folgenden Informationen lesen, bevor Sie Bildvorgaben erstellen.
Das Dateiformat von Adobe Illustrator ist eine Variante von PDF. Die Hauptunterschiede im Zusammenhang mit AEM Assets sind:
- 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, tippen Sie auf 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“ tippen 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. Nachdem sie gespeichert wurden, wird die DAM-Update-Asset -Workflow verarbeitet sie.
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 DAM-Update-Asset Workflow, der Rastern von PDF/AI-Bildvorschau-Wiedergabe Prozesskomponente rastert die erste Seite des ursprünglichen Assets mit der konfigurierten Auflösung in einer
cqdam.preview.png
Ausgabedarstellung. -
Die
cqdam.preview.png
-Ausgabeformat wird dann von der Dynamic Media Process Image Assets Prozesskomponente innerhalb des Workflows.
Metadateneigenschaften von PDF-/AI-/EPS-Assets pdf-ai-eps-asset-metadata-properties
Zugriff Rastern von PDF/AI-Bildvorschau-Wiedergabe Prozesskomponentenoptionen über die DAM-Update-Asset Arbeitsablauf.
Tippen Sie links oben auf Adobe Experience Manager und navigieren Sie zu Tools > Workflow > Modelle. Im Workflow-Modelle Seite, wählen Sie DAM-Update-Asset und tippen Sie dann in der Symbolleiste auf Bearbeiten. Im Workflow "DAM-Update-Asset" Seite, doppeltippen Sie auf die Rastern von PDF/AI-Bildvorschau-Wiedergabe Prozesskomponente zum Öffnen Schritt-Eigenschaften Dialogfeld.
PDF-/AI-Bildvorschau-Ausgabeoptionen rastern 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 Implementierung 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.
Die Rastern von PDF/AI-Bildvorschau-Wiedergabe Für die Prozesskomponente ist ein Maximalwert definiert, um sicherzustellen, dass keine zu großen Bilder im Speicher erstellt werden. Solch große Bilder können den Speicher überlaufen, der für die JVM (Java Virtual Machine) bereitgestellt wird. 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 AEM 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 AEM vorhanden sein, bevor die InDesign-Dateien verarbeitet werden, damit die Links zwischen den InDesign-Dateien und den referenzierten Assets erstellt werden können.
Siehe Integrieren von AEM Assets mit InDesign Server.
Die Prozesskomponente "Medienextrahierung"im DAM-Update-Asset Workflow führt mehrere vorkonfigurierte Skripte erweitern , um InDesign-Dateien zu verarbeiten.
Die Skript erweitern Pfade in den Argumenten von Extrahierung von Medien Prozesskomponente im DAM-Update-Asset Arbeitsablauf.
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. Obgleich eins (Dynamic Media Process Image Assets) für dynamische Bild-Assets und das andere (Prozessminiaturansichten) für die Erstellung statischer Miniaturansichten oder wenn alle anderen Prozesse keine Miniaturansichten generieren, both sollten dieselben Einstellungen aufweisen.
Im Schritt Bild-Assets-Prozess für Dynamic Media werden vom Bild-Server Miniaturansichten generiert. Diese Konfiguration ist unabhängig von der Konfiguration, die auf den Schritt Prozessminiaturansichten 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: widthcenter beispielsweise 80:80:false. Die Breite und Höhe bestimmen die Größe der Miniaturansicht in Pixel. Wenn der Mittelwert entweder "false"oder "true"lautet, zeigt dies an, dass das Miniaturbild genau die in der Konfiguration angegebene Größe aufweist. Wenn das in der Größe angepasste Bild kleiner ist, wird es im Miniaturbildfenster zentriert.
-
Die Größe der Miniaturansichten für EPS-Dateien wird im Schritt EPS-Miniaturen auf der Registerkarte Argumente unter „Miniaturansichten“ konfiguriert.
-
Die Größe der Miniaturansichten für Videos wird im Schritt FFmpeg-Miniaturen auf der Registerkarte Prozess unter Argumente konfiguriert.
So konfigurieren Sie die Größe von Miniaturansichten:
-
Tippen Sie auf Tools > Workflow > Modelle > DAM-Update-Asset > Bearbeiten.
-
Tippen Sie auf Dynamic Media Process Image Assets Schritt, und tippen Sie dann auf Miniaturen Registerkarte. Ändern Sie bei Bedarf die Größe der Miniaturansichten und tippen Sie auf OK.
-
Tippen Sie auf den Schritt Miniaturansichten verarbeiten und dann auf die Registerkarte Miniaturansichten. Ändern Sie bei Bedarf die Größe der Miniaturansicht und tippen Sie auf OK.
note note NOTE Die Werte im Argument „Miniaturansichten“ im Schritt Miniaturansichten verarbeiten müssen mit dem Argument „Miniaturansichten“ im Schritt Bild-Assets-Verarbeitung für Dynamic Media übereinstimmen. -
Tippen 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. AEM zeigt verschiedene dynamische Ausgabedarstellungen an, wenn Sie ein Asset unter Detailansicht > Ausgabedarstellung anzeigen. Sie können die Anzahl der angezeigten Ausgabedarstellungen erhöhen oder verringern.
So erhöhen oder verringern Sie die Anzahl der angezeigten Dynamic Media-Bildvorgaben:
-
Navigieren Sie zu CRXDE Lite (http://localhost:4502/crx/de).
-
Navigieren Sie zum Knoten für die Bildvorgabenliste unter
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist
. -
Im limit -Eigenschaft, ändern Sie die value, der standardmäßig auf 15 gesetzt ist, auf die gewünschte Zahl.
-
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]}
. -
Tippen Sie auf Alle speichern.
Erstellen von Dynamic Media-Bildvorgaben 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 AI-, PDF-, und EPS-Dateien unterstützen möchten, um aus diesen Dateiformaten dynamische Ausgabedarstellungen zu generieren, sollten Sie die folgenden Informationen lesen, 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:
-
Tippen Sie in AEM auf das AEM-Logo, um auf die globale Navigationskonsole zuzugreifen.
-
Tippen Sie auf das Symbol Tools und navigieren Sie dann zu Assets > Bildvorgaben.
-
Tippen Sie auf 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. -
Im Bildvorgabe bearbeiten -Seite, geben Sie Werte in die Allgemein und Erweitert gegebenenfalls Registerkarten, 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.
Wenn Sie sie leer lassen, bedeutet AEM, dass diese Bildvorgabe responsiv ist. 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. Darüber hinaus empfiehlt Adobe die folgenden drei Best Practice Optionen zum Starten:
- Format (Allgemein tab) - Auswählen JPEG oder ein anderes Format, das Ihren Anforderungen entspricht. Alle Webbrowser unterstützen das JPEG-Bildformat. Es bietet ein gutes Gleichgewicht zwischen kleinen Dateigrößen und Bildqualität. Bilder im JPEG-Format verwenden 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 - Nicht auswählen Einfaches Scharfzeichnen aktivieren (Dieser Scharfzeichnungsfilter bietet weniger Kontrolle als die Einstellungen für die Unschärfemaske).
- Scharfzeichnen: Resamplingmodus - Auswählen Scharf2.
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
Neben den verfügbaren Optionen finden Sie im Allgemein und Erweitert -Registerkarten können Sie Bildmodifikatoren definieren, um Ihnen mehr Optionen beim Definieren von Bildvorgaben zu bieten. Das Rendern von Bildern basiert auf der Dynamic Media Image Rendering API. Die API wird im Abschnitt HTTP-Protokollreferenz.
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=25
-
Kombinierte Befehle - op_blur und op-invert
code language-xml &op_invert=1&op_blur=25
-
Op_brightness: Verringert oder erhöht die Helligkeit.
code language-xml &op_brightness=75
-
opac: Passt die Bilddeckkraft an. Ermöglicht das Reduzieren der Vordergrunddeckkraft.
code language-xml opac=50
Bearbeiten von Bildvorgaben modifying-image-presets
So bearbeiten Sie Bildvorgaben:
-
Tippen Sie in AEM auf das AEM-Logo, um auf die globale Navigationskonsole zuzugreifen.
-
Tippen Sie auf das Symbol Tools und navigieren Sie dann zu Assets > Bildvorgaben.
-
Wählen Sie eine Vorgabe aus und tippen Sie dann auf Bearbeiten.
-
Im Bearbeiten von Bildvorgaben Seite, nehmen Sie die gewünschten Änderungen vor und tippen Sie dann auf Speichern.
Veröffentlichen von Dynamic Media-Bildvorgaben publishing-image-presets
Wenn Sie den Hybridmodus von Dynamic Media ausführen, müssen Sie Bildvorgaben manuell veröffentlichen.
Wenn Sie den Modus Dynamic Media - Scene7 ausführen, werden Bildvorgaben automatisch veröffentlicht. Sie müssen diese Schritte nicht ausführen.
So veröffentlichen Sie Bildvorgaben in Dynamic Media - Hybridmodus:
-
Tippen Sie in AEM auf das AEM-Logo, um auf die globale Navigationskonsole zuzugreifen.
-
Tippen Sie auf das Symbol Tools und navigieren Sie dann zu Assets > Bildvorgaben.
-
Wählen Sie die Bildvorgabe oder mehrere Bildvorgaben aus der Liste der Bildvorgaben aus und tippen Sie dann auf Veröffentlichen.
-
Nachdem die Bildvorgabe veröffentlicht wurde, ändert sich der Status von "unveröffentlicht"in "veröffentlicht".
Löschen von Dynamic Media-Bildvorgaben deleting-image-presets
- Tippen Sie in AEM auf das AEM-Logo, um auf die globale Navigationskonsole zuzugreifen.
- Tippen Sie auf das Symbol Tools und navigieren Sie dann zu Assets > Bildvorgaben.
- Wählen Sie eine Vorgabe aus und tippen Sie dann auf Löschen. Dynamic Media bestätigt Ihre Löschabsicht. Tippen Sie auf Löschen.