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 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 bei der Vorschau eines Bildes jederzeit 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 Desktop-Version und die andere mit 150 x 150 Pixel für Mobilgeräte. Sie können zwei Bildvorgaben erstellen: Enlarge (Vergrößern) dient der Anzeige von Bildern mit einer Auflösung von 500 x 500 Pixel und 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 von Enlarge Image Preset und Thumbnail Image Preset. 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 managing-image-presets-1
Sie können Bildvorgaben in Experience Manager verwalten, 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.
Beziehung zwischen Bildvorgaben und Ausgabedarstellungen how-image-presets-relate-to-renditions
Bildvorgaben definieren, wie Dynamic Media Bilder bereitstellt, einschließlich Größe, Formatierung, Komprimierung und andere Anzeigeparameter. Vorgaben generieren keine Ausgabedarstellungen selbst. Stattdessen sind sie auf Ausgabedarstellungen angewiesen, die bei der Verarbeitung von Assets erstellt werden.
Generieren von Ausgabedarstellungen in AEM as a Cloud Service rendition-generation-in-aemaacs
In AEM as a Cloud Service werden Ausgabedarstellungen mithilfe von Asset-Microservices generiert. Der Workflow DAM-Update-Asset kann in Cloud Service nicht angepasst werden.
Zu den wichtigen Überlegungen gehören die folgenden:
- Ausgabedarstellungen werden beim Hochladen generiert.
- Änderungen an einem Verarbeitungsprofil betreffen neu hochgeladene Assets. Vorhandene Assets müssen erneut verarbeitet werden, wenn neue Ausgabedarstellungen erforderlich sind.
- Die Anpassung von Workflow-Modellen wird in AEM as a Cloud Service zur Erzeugung von Ausgabedarstellungen nicht unterstützt.
Bildvorgaben verweisen auf verfügbare Ausgabedarstellungen zum Zeitpunkt der Bereitstellung. Stellen Sie sicher, dass die erforderlichen Ausgabedarstellungen vorhanden sind, bevor Sie Bildvorgaben konfigurieren oder verwenden.
So steuern Sie, welche Ausgabedarstellungen generiert werden:
- Erstellen oder bearbeiten Sie Verarbeitungsprofil.
- Konfigurieren Sie die erforderlichen Ausgabedarstellungsdefinitionen.
- Wenden Sie das Verarbeitungsprofil auf den entsprechenden Ordner an.
Wenn Assets in einen Ordner hochgeladen werden, auf den ein Verarbeitungsprofil angewendet wurde, generieren die Asset-Microservices automatisch die definierten Ausgabedarstellungen.
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:
-
https://localhost Navigieren Sie zu CRXDE Lite (: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 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 Dateiformat InDesign (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 Bildvorgabe 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 Bildvorgaben-Optionen beschrieben. Vorgaben werden im linken Bereich angezeigt und können nur zusammen mit anderen Assets verwendet werden.
-
Wählen Sie Speichern aus.
Erstellen einer responsiven Bildvorgabe 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 Bildvorgabe 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. Die Skala ist sichtbar, wenn Sie den Schieberegler bewegen.
• PG-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 auf. 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. Durch Downsampling wird das Datenvolumen auf die Hälfte oder ein Drittel reduziert, wobei die wahrgenommene Qualität nur minimal beeinträchtigt wird. Das Downsampling ist nicht auf Graustufenbilder anwendbar. Mit dieser Methode wird der Komprimierungsgrad für Bilder mit hohem Kontrast (z. B. Bilder mit überlagertem Text) reduziert.
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 das Reduzieren der Vordergrunddeckkraft.
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.