WebP-Ausgabedarstellungsdateien sind für einige AEM Assets-Bilder größer als JPEG-Dateien

In diesem Artikel wird beschrieben, warum in Adobe Experience Manager Assets generierte WebP-Ausgabedarstellungen manchmal größer sind als JPEG-Ausgabedarstellungen, und es werden Schritte zur Optimierung der Größe von WebP-Ausgabedarstellungen beschrieben.

Beschreibung description

Umgebung

  • Adobe Experience Manager Assets as a Cloud Service
  • Assets-Verarbeitungsprofile

Problem/Symptome

Wenn Sie Bildausgabedarstellungen mit einem AEM Assets-Verarbeitungsprofil generieren, ist die WebP-Ausgabedarstellung nicht garantiert kleiner als die entsprechende JPEG-Ausgabedarstellung, auch wenn beide dieselben Quellbild- und Pixelabmessungen verwenden.

Beispiel:

  • JPEG Zoom-Ausgabedarstellung: 2048 × 1365, ca. 546 KB.
  • WebP-Zoom-Ausgabedarstellung: 2048 × 1365, ca. 956 KB, bei WebP-85.

Ursache

WebP und JPEG verwenden unterschiedliche Komprimierungsalgorithmen, und ihre Qualitätswerte sind nicht direkt vergleichbar. Die resultierende Dateigröße hängt vom Bildinhalt, dem Kodierverhalten und den Qualitätseinstellungen ab. Eine WebP-Ausgabedarstellung ist daher garantiert nicht kleiner als eine JPEG-Ausgabedarstellung. In einem Verarbeitungsprofil steuert die Qualitätseinstellung die Komprimierung und wirkt sich auf die resultierende Dateigröße aus.

Lösung resolution

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

  1. Navigieren Sie in AEM zu Tools > Assets > Verarbeitungsprofile.
  2. Bearbeiten Sie das Verarbeitungsprofil, das die WebP-Ausgabedarstellung definiert.
  3. Suchen Sie auf der Bild die WebP-Ausgabedarstellung und senken Sie ihren Wert Qualität. Für einen ersten Test ändern Sie das Quellbeispiel von 85 in 70–75.
  4. Verarbeiten Sie ein Test-Asset erneut und vergleichen Sie die Dateigrößen und die visuelle Qualität der JPEG- und WebP-Ausgabedarstellungen.
  5. Wenn die WebP-Datei Ihre Zielgröße immer noch überschreitet, testen Sie einen niedrigeren Qualitätswert, z. B. 60–65. Vergleichen Sie die Dateigröße und die visuelle Qualität nach jeder Änderung.
  6. Vergleichen Sie die tatsächlich bereitgestellten Bildantworten, z. B. Bilder, die über EDS oder direkte Asset-URLs bereitgestellt werden. Vergleichen Sie nicht nur die statischen DAM-Ausgabedarstellungen.
  7. Wenn die Seite die AEM-Kernbildkomponente verwendet, sollten Sie die Web-optimierte Bildbereitstellung in Betracht ziehen, anstatt sich nur auf statische DAM-Ausgabedarstellungen zu verlassen. Wählen Sie in der Richtlinie der Bildkomponente die Option Web-optimierte Grafiken aktivieren aus. Hinweis Die Web-optimierte Bildbereitstellung gilt für Bilder, die über die Kernbildkomponente in AEM as a Cloud Service gerendert werden. Das auf der Seite bereitgestellte Bild wird geändert. Die vom Verarbeitungsprofil generierte statische WebP-Ausgabedarstellung wird nicht geändert.
  8. Vergewissern Sie sich, dass das bereitgestellte WebP-Bild Ihren Anforderungen an Dateigröße und visuelle Qualität entspricht.
recommendation-more-help
experience-cloud-kcs-help-kbarticles