Bildkomponente image-component

Zuschneiden beginnen

Wenn Sie diese Option auswählen, wird eine Dropdown-Liste für vordefinierte Zuschneideproportionen geöffnet.

• Wählen Sie Beschnitt entfernen, um das ursprüngliche Asset anzuzeigen.

Nachdem Sie eine Zuschnittoption ausgewählt haben, verwenden Sie die blauen Griffe, um die Beschneidung auf dem Bild anzupassen.

Nach rechts drehen

Verwenden Sie diese Option, um das Bild um 90° nach rechts (im Uhrzeigersinn) zu drehen.

Zoom zurücksetzen

Wenn das Bild bereits gezoomt wurde, verwenden Sie diese Option, um den Zoom-Grad zurückzusetzen.

Zoom-Regler öffnen

Mit dieser Option können Sie einen Schieberegler anzeigen, um den Zoom-Grad des Bildes zu steuern.

Vorgestelltes Bild von Seite übernehmen – Diese Option verwendet das vorgestellte Bild der verknüpften Seite oder das vorgestellte Bild der aktuellen Seite, wenn das Bild nicht verknüpft ist.

Bild-Asset – Dies wird automatisch ausgefüllt, wenn Vorgestelltes Bild von Seite übernehmen ausgewählt ist. Heben Sie die Auswahl auf, um das Bild manuell zu definieren, indem Sie die folgenden Optionen festlegen.

• Ziehen Sie ein Asset aus dem Asset-Browser oder tippen Sie auf die Option Durchsuchen, um es aus einem lokalen Dateisystem hochzuladen.

• Tippen oder klicken Sie auf Löschen, um die Auswahl des aktuell ausgewählten Bilds aufzuheben.

• Tippen oder klicken Sie auf Auswählen, um zum Auswählen eines Bildes den Asset-Browser zu öffnen.

  • Wenn die Remote-Assets-Unterstützung aktiviert ist, haben Sie mehrere Optionen zum Auswählen eines Assets:

    • Mit der Option Lokal wird ein Asset aus der lokalen AEM-Asset-Bibliothek ausgewählt.
    • Mit Remote wird aus einer Dynamic Media-Bibliothek außerhalb Ihrer AEM-Instanz ausgewählt.

• Tippen oder klicken Sie auf Bearbeiten, um die Ausgabedarstellungen des Assets im Asset-Editor zu verwalten.

Alternativtext für Barrierefreiheit – In diesem Feld können Sie eine Beschreibung des Bildes für sehbehinderte Benutzer definieren.

• Alternativtext von Seite übernehmen – Diese Option verwendet die alternative Beschreibung des verknüpften Asset-Werts der dc:description-Metadaten in DAM oder der aktuellen Seite, wenn kein Asset verknüpft ist.

Keinen Alternativtext angeben – Mit dieser Option wird das Bild so markiert, dass es von unterstützenden Technologien wie Bildschirmlesegeräten ignoriert wird, etwa wenn das Bild rein dekorativ ist oder sonst keine zusätzlichen Informationen für die Seite liefert.

Vorgabetyp – Hier wird der Typ der verfügbaren Bildvorgaben festgelegt, entweder Bildvorgabe oder Smartes Zuschneiden. Dies ist nur verfügbar, wenn die Dynamic Media-Funktionen aktiviert sind.

• Bildvorgabe – Wenn der Vorgabetyp Bildvorgabe ausgewählt ist, ist die Dropdown-Liste Bildvorgabe verfügbar, sodass aus den verfügbaren Dynamic Media-Vorgaben ausgewählt werden kann. Dies ist nur verfügbar, wenn für das ausgewählte Asset Vorgaben definiert sind.
• Smartes Zuschneiden – Wenn der Vorgabetyp Smartes Zuschneiden ausgewählt ist, ist die Dropdown-Liste Ausgabedarstellung verfügbar, sodass aus den verfügbaren Ausgabedarstellungen des ausgewählten Assets ausgewählt werden kann. Dies ist nur verfügbar, wenn für das ausgewählte Asset Ausgabedarstellungen definiert sind.
• Bild-Modifikatoren – Hier können zusätzliche Befehle zur Dynamic Media-Bildbereitstellung definiert werden, die durch & getrennt sind, unabhängig davon, welcher Vorgabetyp ausgewählt ist.

Beschriftung – Zusätzliche Informationen über das Bild, die standardmäßig unter dem Bild angezeigt werden.

• Beschriftung aus DAM abrufen – Wenn diese Option aktiviert ist, wird der Beschriftungstext des Bildes mit dem Wert der dc:title-Metadaten in DAM gefüllt.
• Beschriftung als Popup anzeigen – Wenn diese Option aktiviert ist, wird die Beschriftung von einigen Browsern nicht unter dem Bild angezeigt, sondern als Popup, wenn der Mauszeiger über das Bild bewegt wird.

Verknüpfung – Verknüpfen Sie das Bild mit einer anderen Ressource.

• Verwenden Sie das Dialogfeld „Auswahl“, um eine Verknüpfung zu einer anderen AEM-Ressource herzustellen.
• Geben Sie die absolute URL ein, wenn Sie keine Verknüpfung zu einer AEM-Ressource erstellen. Nicht-absolute URLs werden als relativ zu AEM interpretiert.
• Link in neuer Registerkarte öffnen – Mit dieser Option wird der Link in einem neuen Browser-Fenster geöffnet.

ID – Mit dieser Option können Sie die eindeutige Kennung der Komponente in der HTML-Datei und in der Datenschicht steuern.

• Wenn Sie das Feld leer lassen, wird automatisch eine eindeutige ID generiert, die Sie über die resultierende Seite finden.
• Sofern eine ID angegeben wird, ist vom Autor bzw. der Autorin sicherzustellen, dass diese eindeutig ist.
• Änderungen der ID können sich auf das CSS-, JS- und Datenschicht-Tracking auswirken.

DM-Funktionen aktivieren – Wenn diese Option aktiviert ist, sind die Dynamic Media-Funktionen verfügbar.

• Diese Option wird nur angezeigt, wenn „Dynamic Media“ in der Umgebung aktiviert ist.

Web-optimierte Grafiken aktivieren – Wenn diese Option aktiviert ist, liefert der Web-optimierte Bildbereitstellungs-Service Bilder im WebP-Format. Dadurch wird die Bildgröße durchschnittlich um 25 % verringert.

• Diese Option ist nur in AEMaaCS verfügbar.
• Wenn diese Option deaktiviert ist oder der Web-optimierte Bildbereitstellungs-Service nicht verfügbar ist, wird das Adaptive Image Servlet verwendet.

Lazy Loading deaktivieren  – Wenn diese Option aktiviert ist, lädt die Komponente alle Bilder vorab, ohne dass das Laden verzögert wird.

Bild ist dekorativ – Festlegen, ob die Option für dekorative Bilder automatisch aktiviert ist, wenn die Bildkomponente einer Seite hinzugefügt wird.

Alternativtext von DAM abrufen - Festlegen, ob die Option zum Abrufen des Alternativtexts aus DAM automatisch aktiviert ist, wenn die Bildkomponente einer Seite hinzugefügt wird.

Beschriftung aus DAM abrufen – Festlegen, ob die Option zum Abrufen der Beschriftung aus DAM automatisch aktiviert ist, wenn die Bildkomponente einer Seite hinzugefügt wird.

Beschriftung als Pop-up anzeigen – Festlegen, ob die Option zum Anzeigen der Bildbeschriftung als Popup automatisch aktiviert ist, wenn die Bildkomponente einer Seite hinzugefügt wird.

Breite ändern – Dieser Wert wird verwendet, um die Breite der Basisbilder zu ändern, die DAM-Assets sind.

• Das Seitenverhältnis der Bilder wird beibehalten.
• Wenn der Wert größer ist als die tatsächliche Breite des Bildes, hat dieser Wert keine Auswirkung.
• Dieser Wert hat keine Auswirkungen auf SVG-Bilder.

Breiten – Definiert eine Liste der Breiten in Pixel für das Bild und die Komponente lädt automatisch die passende Breite basierend auf der Größe des Browsers.

• Tippen oder klicken Sie auf die Schaltfläche Hinzufügen, um eine weitere Größe hinzuzufügen.

  • Verwenden Sie die Griffpunkte, um die Größenreihenfolge neu anzuordnen.
  • Verwenden Sie das Symbol Löschen, um eine Breite zu entfernen.

• Standardmäßig wird das Laden von Bildern verzögert, bis sie sichtbar werden.

  • Wählen Sie die Option Verzögertes Laden deaktivieren, um die Bilder schon beim Laden der Seite zu laden.

JPEG-Qualität – Der Qualitätsfaktor (in Prozent von 0 bis 100) für umgewandelte (z. B. skalierte oder zugeschnittene) JPEG-Bilder.