Konfigurieren der intelligenten Bildbearbeitung und des DPR-Verhaltens in AEMaaCS mit Dynamic Media

Funktionen der intelligenten Bildbearbeitung wie Browser-Formatkonvertierung (BFC), Optimierung der Netzwerkbandbreite und Optimierung des Gerätepixelverhältnisses (Device Pixel Ratio, DPR) in Adobe Experience Manager as a Cloud Service (AEMaaCS) mit Dynamic Media können die Konfiguration und das Verständnis verwirren. In diesem Artikel wird erläutert, wie diese Funktionen funktionieren, wie sie sich auf die Bildbereitstellung auswirken und was bei der Verwendung von Kernkomponenten für die korrekte Einrichtung zu beachten ist.

Beschreibung description

Umgebung

  • Produkt: Adobe Experience Manager as a Cloud Service - Assets (Dynamic Media)
  • Einschränkungen: Verwendung der Kernkomponente „Bild V3“ mit Dynamic Media-Integration

Problem/Symptome

  • Die intelligente Bildbearbeitung auf der Kontoebene von Dynamic Media wendet die DPR-Optimierung nicht automatisch auf Bilder an, die von der Kernkomponente „Bild V3“ gerendert werden.
  • Der Parameter dpr=off wird an Scene7-Bild-URLs angehängt, wenn mehrere Breiten in der Komponentenrichtlinie nicht konfiguriert sind oder die smartCrop nicht aktiviert ist.
  • Bilder erscheinen auf Displays mit hohem DPI/Retina-Wert in geringerer Qualität oder weniger scharf, wenn sie nicht richtig konfiguriert sind.
  • Das Festlegen dpr=on oder Übergeben von DPR-Werten über Bildmodifikatoren überschreibt dieses Verhalten aufgrund der Komponentenlogik nicht.

Lösung resolution

Gehen Sie wie folgt vor, um dieses Problem zu beheben:

  1. Aktivieren Sie die intelligente Bildbearbeitung für Ihre Umgebung (Staging- oder Produktionsumgebung) auf Unternehmens- oder Kontoebene von Dynamic Media.

  2. Öffnen Sie die Vorlage oder Seite, die die Kernkomponente „Bild V3“ mit aktivierter Dynamic Media-Funktion verwendet.

  3. Bearbeiten Sie die Richtlinie für die Kernkomponente „Bild V3“, die auf der Vorlage oder Seite verwendet wird.

  4. Konfigurieren Sie in der Komponentenrichtlinie mehrere Breiten für responsive Bilder.

  5. Speichern Sie die aktualisierte Richtlinie und wenden Sie sie an.

  6. Veröffentlichen Sie die betroffenen Seiten erneut, damit die Änderungen wirksam werden.

  7. Testbild-Rendering auf Standard-DPI- und High-DPI (Retina)-Geräten:

    • Auf Standard-DPI-Bildschirmen wird dpr=off standardmäßig in Bild-URLs angezeigt, um große Bilder zu vermeiden.
    • Auf Bildschirmen mit hoher DPI werden Bilder mit höherer Auflösung bereitgestellt, wenn mehrere Breiten konfiguriert sind.
  8. Verwenden Sie die dedizierte Dynamic Media-Komponente anstelle von Image V3, wenn Sie eine bessere Bildqualität ohne manuelle Modifikatoren benötigen.

  9. Vergewissern Sie sich, dass die Bilder auf Displays mit hohem DPI-Wert klar sind und auf Standarddisplays effizient geladen werden.

Hinweise

  • Durch das Hinzufügen von dpr=off werden standardmäßig unnötig große Bilder auf Nicht-Retina-Bildschirmen vermieden. Es handelt sich nicht um einen Produktfehler, sondern um eine Optimierungssicherung.
  • Das Erzwingen von DPR mithilfe von URL-Modifikatoren oder -Vorgaben überschreibt diese Sicherheitsmaßnahme in Image V3 nicht. Verwenden Sie stattdessen mehrere Breiten in Richtlinien.
  • Nach der Aktivierung der DPR-Optimierung auf Kontoebene sind keine anwendungsseitigen URL-Änderungen erforderlich. Client-seitige Logik kann bei Bedarf weiterhin für erweiterte Szenarien verwendet werden.
  • Die Formatkonvertierung für die intelligente Bildbearbeitung (z. B. WebP oder AVIF) ist standardmäßig aktiviert, wenn die intelligente Bildbearbeitung auf Kontoebene aktiv ist. Sie gilt nur, wenn sie die Dateigröße verringert, ohne die Qualität zu beeinträchtigen.

Verwandtes Lesen

recommendation-more-help
experience-cloud-kcs-help-kbarticles