Konvertieren Sie ein undurchsichtiges PNG in WebP und vergleichen Sie das Ergebnis

Ein fotografisches PNG kann als WebP für eine Website einen Test wert sein. Dabei kann es sich um ein aus einem Designtool exportiertes Kamerabild, eine gerenderte Raumszene oder eine reduzierte Werbegrafik handeln. Erstellen Sie einen separaten Export und vergleichen Sie ihn mit dem Original, anstatt PNG sofort zu löschen. Die Dateigröße hängt vom Bild ab, daher ist die tatsächliche Einsparung diejenige, die Sie tatsächlich messen.

Transparenz erfordert hier besondere Sorgfalt. Obwohl das Format WebP Alpha speichern kann, rendert dieses Tool die Ausgabe von WebP derzeit auf einem weißen Hintergrund. Bei einer transparenten Eingabe geht daher dieser transparente Bereich beim Export verloren. Behalten Sie PNG für Logos, Ausschnitte und Überlagerungen bei, die auf unterschiedlichen Hintergründen platziert werden müssen, und verwenden Sie diese Konvertierung für Bilder, bei denen ein undurchsichtiges Ergebnis angemessen ist.

Die Voreinstellung behält die Abmessungen bei und beginnt bei deaktivierter Schärfung mit einer Qualität von 90 %. Versuchen Sie es mit einer Datei mit kleinem Text und einer anderen mit einem fotografischen Hintergrund. Überprüfen Sie dünne Ränder, farbige Schriftzüge und sanfte Farbverläufe. Ein Design kann auf den ersten Blick gut aussehen, während neben einem Etikett farbige Lichthöfe zu sehen sind, wenn es in der beabsichtigten Größe angezeigt wird.

Wenn es sich bei PNG um einen Screenshot einer Schnittstelle handelt, ist die Lesbarkeit möglicherweise wichtiger als das Einsparen einiger Bytes. Vergleichen Sie einen PNG Export oder behalten Sie die Quelle bei, wenn WebP kritische Details weicher macht. Testen Sie bei einem großen undurchsichtigen Foto „Einpassen“ an den tatsächlichen Anzeigegrenzen, bevor Sie die Qualität weiter verringern. Reduzieren Sie unnötige Pixel zunächst, wenn sie auf der Website nie angezeigt werden, behalten Sie aber eine ausreichende Auflösung für die beabsichtigte Platzierung bei.

Der Qualitätsschieberegler WebP steuert die verlustbehaftete Kodierung dieses Exports. Eine höhere Einstellung stellt keine Details wieder her, die in der Quelle fehlten, und die gleiche Zahl bedeutet nicht das gleiche visuelle Ergebnis über verschiedene Formate hinweg. Nutzen Sie es als Vergleichstool: Passen Sie ein wenig an, überprüfen Sie das Ergebnis und behalten Sie die kleinste Version bei, die Ihren eigenen Qualitätsanforderungen entspricht.

PNG verwendet diese Qualitätskontrolle nicht auf die gleiche Weise, daher ist das Ändern der Erweiterung eine echte Workflow-Wahl. Wenn Ihr PNG winzige Diagrammbeschriftungen oder präzise Farbgrenzen enthält, kann es die richtige Entscheidung sein, PNG beizubehalten, auch wenn die Datei größer ist. Dieser Konverter reduziert keine PNG-Farbpalette, erzeugt keine verlustfreie WebP-Einstellung und bearbeitet die Objekte und Ebenen in einer reduzierten Grafik nicht.

Laden Sie das konvertierte Bild herunter und laden Sie es auf eine Testseite in Ihrem tatsächlichen Website-System hoch. Stellen Sie sicher, dass der Browser WebP empfängt, der angezeigte Ausschnitt korrekt ist und keine transparenten Kanten unerwartet weiß geworden sind. Betrachten Sie es vor dem Seitenhintergrund, insbesondere wenn die Quelle für einen dunklen Abschnitt konzipiert wurde. Die Konvertierung sollte im Kontext überprüft werden, nicht nur in einer Dateivorschau.

Überprüfen Sie dann die mobile Anzeige. Eine große Marketinggrafik benötigt möglicherweise ein einfacheres Layout anstelle einer komprimierteren Kopie, wenn ihre Beschriftung auf einem Telefon nicht mehr lesbar ist. Responsive Bildauswahl und reservierte Abmessungen bleiben separate Website-Aufgaben. Sobald das Sample stichhaltig ist, verarbeiten Sie passende Dateien zusammen. Ihre Bilddaten bleiben während dieser Konvertierung im Browser und die Quelle PNG bleibt unverändert.

Testen Sie beispielsweise eine weiße Wortmarke auf transparenten Pixeln, bevor Sie Markenwerte konvertieren. Eine weiße, undurchsichtige Ausgabe kann die Markierung vollständig verbergen, was bei einem Dateigrößenvergleich allein übersehen würde.