PNG eignet sich für verlustfreie Grafiken und transparente Hintergründe, kann für eine Webseite aber größer als nötig sein. Wenn Sie PNG in WebP umwandeln, erhalten Sie ein modernes Webformat mit einstellbarer Qualität. Öffnen Sie den PNG-zu-WebP-Konverter, prüfen Sie das Ergebnis in der tatsächlichen Anzeigegröße und bewahren Sie das PNG für spätere Exporte auf.
Warum PNG in WebP umwandeln?
WebP kann bei vielen Fotos, Illustrationen und transparenten Webgrafiken die Dateigröße reduzieren und dabei wichtige Details erhalten. Eine kleinere Datei senkt die Datenmenge beim Laden einer Seite. Das Ergebnis hängt von Quelle, Qualitätseinstellung und Anzeigegröße ab. Prüfen Sie deshalb die Ausgabe, statt mit einem festen Prozentsatz zu rechnen.
WebP unterstützt außerdem Transparenz. Das macht es für transparente Logos, freigestellte Produkte und Benutzeroberflächen praktisch. Sehr scharfe Ein-Pixel-Grafiken sollten Sie trotzdem sorgfältig mit PNG vergleichen; dort kann PNG weiterhin die bessere Wahl sein.
PNG online in WebP umwandeln
1. Das originale PNG behalten
Speichern Sie das originale PNG vor der Umwandlung. Die WebP-Datei ist eine Kopie für die Auslieferung. Für spätere Bearbeitungen, eine andere Qualitätseinstellung oder ein anderes Format brauchen Sie möglicherweise wieder die verlustfreie Quelle.
2. Den Konverter öffnen
Öffnen Sie den Online-Konverter von PNG zu WebP und wählen Sie ein PNG-Bild aus. Die Umwandlung findet lokal im Browser statt; das ausgewählte Bild wird für die Kodierung nicht an einen Server hochgeladen. Sehr große Bilder können dennoch viel Browser-Speicher benötigen.
3. Die Qualität wählen
Mit der Qualitätseinstellung gleichen Sie Dateigröße und Bildtreue aus. Ein Wert um 80 ist für viele Webbilder ein sinnvoller Start. Verwenden Sie bei detailreichen Illustrationen, kleinem Text oder Produktkanten einen höheren Wert und reduzieren Sie ihn erst, wenn die Ausgabe noch klar aussieht.
4. Umwandeln, vergleichen und herunterladen
Vergleichen Sie nach der Umwandlung die Größe des PNG und der WebP-Datei. Prüfen Sie Transparenz, dünne Linien, Text, Farbverläufe und Kanten in der tatsächlichen Anzeigegröße. Wenn WebP noch zu groß ist, reduzieren Sie mit dem Bild-Resizer zunächst überflüssige Pixel und erstellen danach die Auslieferungskopie.
Die richtige WebP-Qualität auswählen
Es gibt keinen Qualitätswert, der für jedes Bild passt. Fotos verbergen eine moderate Komprimierung oft gut, während flache Grafiken und Text schneller Ringing, Farbveränderungen oder weiche Kanten zeigen. Prüfen Sie in dieser Reihenfolge:
- Stellen Sie sicher, dass die Datei geöffnet werden kann und die Maße stimmen.
- Prüfen Sie transparente Kanten vor hellem und dunklem Hintergrund.
- Kontrollieren Sie kleine Texte, Produktetiketten, dünne Linien und Verläufe.
- Vergleichen Sie die Dateigröße mit dem Seiten- oder Upload-Limit.
- Erhöhen Sie die Qualität, wenn der Verlust in der echten Anzeige auffällt.
Die kleinste Datei ist nicht automatisch die beste. Eine etwas größere WebP-Datei, die ein Produktetikett lesbar hält, kann eine bessere Nutzung ermöglichen als eine Datei, die nur einige KB spart und dabei den Text unleserlich macht.
Wann sollte man PNG behalten?
Behalten Sie PNG, wenn Pixel verlustfrei erhalten bleiben müssen, ein Bearbeitungsprogramm PNG verlangt oder präzise UI-Grafiken durch verlustbehaftete Komprimierung sichtbar verändert werden. Bei Fotos und gewöhnlichen Webgrafiken vergleichen Sie WebP und PNG und wählen die Kopie, die Qualitäts- und Auslieferungsanforderungen erfüllt.
Wenn die Quelle mehr Pixel enthält als das Layout benötigt, verkleinern Sie sie vor der Umwandlung. Bei unnötigen Rändern hilft zuerst der Bild-Cropper. Mit dem Seitenverhältnis-Rechner können Sie das Zielverhältnis prüfen. Überflüssige Pixel zu entfernen ist oft wirksamer, als bei einem übergroßen Bild nur die Qualität zu senken.
Häufige Probleme bei PNG zu WebP
WebP wirkt unscharf oder blockig
Erhöhen Sie die Qualität und vergleichen Sie erneut. Wenn die Quelle viel größer als die Anzeige ist, verkleinern Sie sie zunächst auf eine sinnvolle Ausgabebreite. Verwenden Sie immer das originale PNG und wandeln Sie nicht wiederholt die vorherige WebP-Datei um.
Transparente Kanten sehen falsch aus
Prüfen Sie die Alphakanten auf dem Hintergrund, auf dem das Bild tatsächlich erscheinen soll. Wenn eine dünne transparente Kante oder eine genaue Farbe wichtig ist, behalten Sie PNG oder erhöhen Sie die WebP-Qualität und prüfen Sie erneut.
Die Datei wird kaum kleiner
Das PNG kann bereits einfach und effizient kodiert sein, oder die gewählte Qualität ist zu hoch. Prüfen Sie die Bildmaße, testen Sie eine mittlere Qualität und vergleichen Sie das Ergebnis in der tatsächlichen Anzeigegröße.
Eine Plattform lehnt WebP ab
Manche Upload-Abläufe akzeptieren weiterhin nur JPG oder PNG. Bewahren Sie das originale PNG und exportieren Sie das von der Zielplattform akzeptierte Format. Vor dem Austausch eines Produktionsbildes sollten Sie außerdem die Unterstützung durch den verwendeten Browser und das CMS prüfen.
Häufige Fragen
Wie kann ich PNG online in WebP umwandeln?
Öffnen Sie den PNG-zu-WebP-Konverter, wählen Sie ein PNG, stellen Sie die Qualität ein, starten Sie die Umwandlung, prüfen Sie das Ergebnis und laden Sie die WebP-Kopie herunter.
Behält WebP die Transparenz von PNG?
WebP unterstützt Transparenz, trotzdem sollten Sie die Alphakanten nach der Umwandlung prüfen. Bei exakt verlustfreien Pixeln oder wenn das Ziel PNG verlangt, behalten Sie PNG.
Welche Qualität sollte man für PNG zu WebP wählen?
Beginnen Sie bei etwa 80 und prüfen Sie das Bild in der echten Anzeigegröße. Erhöhen Sie den Wert bei Details oder Text und senken Sie ihn nur, wenn das Ergebnis klar bleibt und die kleinere Datei einen Vorteil bringt.
Wird das Bild bei der PNG-WebP-Umwandlung hochgeladen?
Der OpenVideoMaker-Konverter verarbeitet das ausgewählte Bild im Browser und lädt es für die Umwandlung nicht hoch. Für große Dateien benötigt der Browser dennoch ausreichend Speicher.
Sollte man zuerst komprimieren oder verkleinern?
Wenn die Quelle größer als die Zielanzeige ist, verkleinern Sie sie zuerst mit dem Bild-Resizer und wandeln Sie sie danach in WebP um. Für eine weitere Anpassung von Qualität und Dateigröße verwenden Sie den Bild-Kompressor.
Verwandte Bildtools
Nutzen Sie den PNG-zu-WebP-Konverter für die Webauslieferung, den Bild-Resizer für exakte Pixelmaße und den Bild-Kompressor für eine kleinere finale Datei. Ändern Sie den Bildausschnitt mit dem Bild-Cropper und prüfen Sie das Zielverhältnis mit dem Seitenverhältnis-Rechner.