Weshalb PNG in WebP umwandeln
PNG speichert Screenshots, Diagramme und transparente Grafiken verlustfrei. WebP kann dasselbe Bild anders komprimieren und bei akzeptabler verlustbehafteter Qualität oft mit weniger Bytes speichern. Dieses Werkzeug liest eine PNG-Datei, zeichnet sie im Browser auf eine Zeichenfläche und erzeugt daraus eine neue WebP-Datei. Ein Upload auf einen entfernten Server ist nicht nötig. Bewahren Sie das ursprüngliche PNG auf, falls später eine unveränderte Quelle für weitere Exporte gebraucht wird.
Ein PNG mit 2,4 MB könnte bei einer Qualitätseinstellung von 80 Prozent kleiner werden; dieses Beispiel ist aber kein garantiertes Ergebnis. Eine einfache Grafik, ein verrauschtes Foto und ein bereits optimiertes PNG lassen sich unterschiedlich gut komprimieren. Nach dem Export sehen Sie beide Dateigrößen und können den tatsächlichen Nutzen dieses konkreten Bildes beurteilen.
Qualität am Motiv beurteilen
Ändern Sie die Qualitätsstufe und führen Sie die Umwandlung erneut aus, um Varianten zu vergleichen. Ein niedriger Wert verringert häufig die Größe, kann aber Buchstaben, feine Linien, Farbverläufe oder winzige Bedienelemente weichzeichnen. Ein höherer Wert erhält meist mehr Details und kann mehr Speicherplatz beanspruchen. Prüfen Sie die Vorschau in der geplanten Anzeigegröße und vergrößern Sie bei Bedarf Kanten und kleine Schrift. Die Schiebereglerzahl steuert den Encoder; sie ist kein gemessener visueller Qualitätswert und kann je nach Browser anders wirken.
Für eine Website-Grafik mit 1.200 × 800 Pixeln bereiten Sie zunächst das PNG in genau dieser Größe vor. Probieren Sie mehrere WebP-Stufen und vergleichen Sie sowohl die Bytes als auch das Aussehen. Wenn eine kleinere Variante Beschriftungen sichtbar beschädigt, wählen Sie eine höhere Qualität oder bleiben bei PNG. Wird WebP sogar größer, hat die Umwandlung hier keinen Größenvorteil. Kontrollieren Sie durchsichtige Schatten auf dem Schachbretthintergrund und später auf der echten Seitenfarbe.
Kompatibilität und häufige Fehler
WebP kann Transparenz enthalten; das garantiert weder gleiche Bildgröße noch identisches Aussehen gegenüber PNG. Browser-Encoder treffen teilweise unterschiedliche Entscheidungen. Ein Screenshot mit scharfer Schrift muss sorgfältiger geprüft werden als viele Fotos. Mehrfaches Konvertieren eines schon komprimierten Ergebnisses kann sichtbare Schäden anhäufen. Beginnen Sie für jede neue Qualitätsstufe wieder beim ursprünglichen PNG und prüfen Sie Format, Maße und Dateigröße vor dem Herunterladen.
Der Browser muss WebP ausgeben können. Fällt er auf ein anderes Format zurück, meldet das Werkzeug den Fehler, statt die Datei falsch zu benennen. Grenzen für Bildabmessungen schützen den Gerätespeicher. Die ausgewählte Datei bleibt bei der Vorschau und Erstellung des Downloads lokal. Denken Sie beim Veröffentlichen zusätzlich an einen passenden Alternativtext und an reservierte Bildmaße im Layout.