Best Practices für die Optimierung der Bildqualität best-practices-for-optimizing-the-quality-of-your-images

Format des Quellbilds:

• Durch die Verwendung verlustfreier Formate wie PNG, TIFF oder PSD wird sichergestellt, dass die Bildqualität keine Komprimierungsartefakte enthält und hoch bleibt.
• In diesen Formaten bleiben alle ursprünglichen Daten erhalten, wodurch sie sich ideal für die Bearbeitung und Weiterverarbeitung eignen.

Größe des Quellbilds:

• Der Start mit einem hochauflösenden Bild bietet mehr Details und Flexibilität.
• Wenn Bilder in unterschiedlichen Größen angezeigt werden müssen (z. B. geräteübergreifend oder über Bildschirmauflösungen hinweg), ermöglicht die Anzeige eines größeren Quellbilds eine bessere Skalierung.
• Bei Bildern, die Zoomen unterstützen (wie Produktfotos), sollten Sie auf der längsten Seite Abmessungen von etwa 2.000 Pixel oder mehr anvisieren.
• Logos oder Banner, die nicht vergrößert werden müssen, können in der für den vorgesehenen Zweck benötigten Größe hochgeladen werden.

Das Whitepaper Best Practices für Adobe Dynamic Media Classic – Bildqualität und Scharfzeichnen gilt auch für Experience Manager.

Sehen Sie sich das Video Verwenden von Bildscharfzeichnung mit Experience Manager – Dynamic Media an.

Einfache Scharfzeichnung (&op_sharpen): Dies ähnelt dem in Photoshop verwendeten Scharfzeichnungsfilter und wendet einfache Scharfzeichnung auf die endgültige Ansicht des Bildes nach der dynamischen Skalierung an. Diese Methode kann aber nicht vom Benutzer konfiguriert werden. Als Best Practice wird empfohlen, &op_sharpen nur zu verwenden, wenn es unbedingt erforderlich ist.

Unschärfemaske (&op_USM): Die Unschärfemaske ist ein dem Branchenstandard entsprechender Scharfzeichnungsfilter. Als Best Bractice wird empfohlen, Bilder anhand der folgenden Richtlinien mit der Unschärfemaske scharfzuzeichnen. Bei Verwendung der Unschärfemaske können Sie die drei folgenden Parameter steuern:

• &op_sharpen=amount,radius,threshold

  • amount (0-5, Stärke des Effekts)
  • radius (0-250, Breite der „Scharfzeichnungslinien“ um das scharfgezeichnete Objekt, in Pixel gemessen)

  Denken Sie daran, dass sich die Parameter „radius“ und „amount“ gegenseitig beeinflussen.  Wenn Sie „radius“ reduzieren, können Sie dies durch eine Erhöhung von „amount“ kompensieren.  Der Radius ermöglicht eine genauere Kontrolle, da mit einem niedrigeren Wert nur die Kantenpixel scharfgezeichnet werden, während mit einem höheren Wert mehr Pixel scharfgezeichnet werden.

  • threshold (0-255, Sensitivität des Effekts)

  Dieser Parameter bestimmt, wie stark sich die scharfgezeichneten Pixel vom Umgebungsbereich unterscheiden müssen, damit sie als Kantenpixel eingestuft und vom Filter scharfgezeichnet werden. Mit dem Parameter threshold können Sie die übermäßige Scharfzeichnung von Bereichen mit ähnlichen Farben, wie Hauttönen, vermeiden. Bei einem Schwellenwert von 12 werden beispielsweise leichte Variationen der Hauttonhelligkeit ignoriert, um kein „Rauschen“ zu erzeugen, trotzdem wird bei kontrastreichen Bereichen, z. B. wo Wimpern auf die Haut treffen, Kantenkontrast hinzugefügt.

  Weitere Informationen zum Festlegen dieser drei Parameter, einschließlich Best Practices für den Filter, finden Sie in den folgenden Ressourcen:

  • Das Whitepaper Best Practices für Adobe Dynamic Media Classic – Bildqualität und Scharfzeichnen gilt auch für Experience Manager.

  • Sehen Sie sich das Video Verwenden von Bildscharfzeichnung mit Experience Manager – Dynamic Media an.

  • In Experience Manager können Sie auch einen vierten Parameter steuern: monochrome (0,1). Dieser Parameter bestimmt, ob eine Unschärfemaske auf jede Farbkomponente separat (mit dem Wert 0) oder auf die Bildhelligkeit/-intensität (mit dem Wert 1) angewendet wird.

Dieser Parameter steuert die Qualität der JPG-Kodierung. Ein höherer Wert führt zu einer höheren Bildqualität, aber auch zu einer größeren Datei. Ein niedrigerer Wert dagegen bedeutet eine niedrigere Bildqualität, aber auch eine kleinere Datei. Der Bereich für diesen Parameter liegt zwischen 0 und 100.

Um die Qualität zu optimieren, setzen Sie den Parameterwert nicht auf 100. Der Unterschied zwischen einer Einstellung von 90 oder 95 und 100 ist fast nicht wahrnehmbar.  Und trotzdem wird mit 100 die Größe der Bilddatei auf unnötige Weise erhöht. Um die Qualität zu optimieren, aber zu vermeiden, dass Bilddateien zu groß werden, setzen Sie daher den Wert von qlt= value auf 90 oder 95.

Erstellen Sie eine Bilddatei mit geringer Dateigröße bei akzeptabler Bildqualität, indem Sie qlt= value auf 80 setzen. Werte unter 70 bis 75 führen zu einer erheblichen Verschlechterung der Bildqualität.

Als Best Practice wird empfohlen, einen Kompromiss zu wählen: Setzen Sie qlt= value dazu auf 85.

Verwendung der Chroma-Markierung in qlt=

• Der Parameter qlt= verfügt über eine zweite Einstellung, mit der Sie das RGB-Chromatizitäts-Downsampling aktivieren (mit dem Wert ,1) oder deaktivieren (mit dem Wert ,0) können.
• Beginnen Sie der Einfachheit halber mit ausgeschaltetem RGB-Chromatizitäts-Downsampling (,0). Diese Einstellung führt normalerweise zu einer höheren Bildqualität, insbesondere bei synthetischen Bildern mit vielen scharfen Kanten und Kontrasten.