Deine Website verarbeitet WebP, während die Vorlage als PNG vorliegt? Erstelle eine separate WebP-Version für die Auslieferung und behalte das PNG zur Bearbeitung. Prüfe das neue Bild im tatsächlichen Layout, besonders wenn es ein Logo mit transparenten Rändern oder feine Beschriftungen zeigt.
.PNG-Datei hier ablegen
oder klicken, um vom Gerät zu durchsuchen
PNG speichert Rastergrafiken verlustfrei und eignet sich gut als Arbeitsdatei. WebP wird in vielen Webanwendungen als Ausgabeformat verwendet. Diese Route dekodiert die PNG-Pixel und schreibt eine WebP-Datei. Eine reine Umbenennung könnte ein CMS oder einen Browser nicht zuverlässig täuschen. Ob das WebP kleiner wird, hängt vom Motiv und der Ausgabe ab.
WebP unterstützt Transparenz. Die Ausgabe sollte dennoch auf mehreren Hintergründen geprüft werden, denn halbtransparente Ränder können nach der Verarbeitung anders erscheinen. Eine PNG-Grafik mit Text oder dünnen Linien macht solche Unterschiede besonders sichtbar. Vergleiche die veröffentlichte Größe und nicht nur eine stark vergrößerte Ansicht.
PNG kann animierte Bildfolgen enthalten; der aktuelle Bildpfad gibt jedoch nur ein Standbild aus. Auch Metadaten und besondere Zusatzinformationen sind nicht als vollständig übertragene Inhalte zugesichert. Wenn eine Bewegung zum Inhalt gehört, darf die statische WebP-Kopie sie nicht stillschweigend ersetzen.
Für künftige Anpassungen bleibt das PNG die geeignete Ausgangsdatei. Die WebP-Kopie dient einer bestimmten Veröffentlichung und ist kein Ersatz für eine transparente oder bearbeitbare Vorlage.
Ein Redaktionssystem mit WebP-Vorgabe kann die Grafik als passende Variante erhalten. Für ein freigestelltes Produktbild ist die Darstellung auf der echten Seitenfarbe wichtiger als eine isolierte Vorschau. Prüfe deshalb die Artikelseite und die kleine Kachel getrennt; ein CMS kann aus der WebP-Datei nach dem Upload weitere Größen erstellen und dabei selbst skalieren.
Das PNG bleibt als Ausgangspunkt für spätere Beschriftungen oder alternative Exporte verfügbar.
Dekodierte PNG-Pixel können in einer WebP-Datei erscheinen.
WebP muss bei einer einfachen Strichgrafik nicht kleiner als PNG sein.
Transparente Ränder und feine Schrift können nach der neuen Kodierung anders wirken.
Animierte PNG-Eigenschaften, Metadaten und besondere Farbinformationen sind nicht als identische WebP-Struktur zugesichert.
Für ein einfaches Piktogramm kann bereits ein kleines PNG angemessen sein.
Bei einer großen Bildsammlung lohnt es sich, die tatsächlich gelieferten Dateien zu vergleichen.
Entscheidend ist nicht nur die lokale Dateigröße, sondern auch, ob dein Zielsystem weitere Varianten erzeugt und wie es sie auf der Seite darstellt.
Prüfe die heruntergeladene WebP-Datei zuerst lokal, dann im Redaktionssystem.
Wenn dort ein automatischer Zuschnitt oder eine Skalierung erfolgt, kann das sichtbare Ergebnis anders sein als die direkte Vorschau.
Teste vor allem den Bereich um das Motiv und die Lesbarkeit von Beschriftungen.
Kläre, ob die Website PNG bereits annimmt oder wirklich WebP verlangt.
Notiere die vorgesehene Anzeigegröße und teste freigestellte Motive auf dem tatsächlichen Hintergrund.
Ein Diagramm mit vielen Beschriftungen kann im ursprünglichen PNG scharf aussehen und im schmalen mobilen Layout trotzdem unlesbar sein.
Prüfe die WebP-Variante deshalb an der tatsächlichen Spaltenbreite.
Betrachte auch Ränder vor hellen und dunklen Flächen: WebP erlaubt Transparenz, doch die kodierte Kopie kann anders wirken.
Ein CMS erzeugt unter Umständen zusätzliche Größen oder rekodiert das Bild nach dem Upload.
Bewahre das PNG als Ausgangspunkt, damit spätere Varianten nicht aus einer bereits bearbeiteten WebP-Kopie entstehen.
Erscheint dieselbe Grafik im Kopf der Website und als kleine Kachel, vergleiche beide Positionen.
Eine einzige Bildgröße kann in einer Ansicht übermäßig vergrößert und in der anderen stark verkleinert werden.
Das WebP-Format löst diesen Layoutunterschied nicht.
Nutze das PNG als Ausgangspunkt für passende Varianten, falls das Redaktionssystem sie nicht selbst erstellt.
Nimm die PNG-Datei, die in der Webumgebung verwendet werden soll.
Speichere eine neue Datei aus den dekodierten Bildpunkten.
Vergleiche Kanten und Transparenz in der veröffentlichten Ansicht.
Nein. Die tatsächliche Größe hängt von Grafik, Abmessungen und WebP-Kodierung ab.
Das Format unterstützt Alpha. Prüfe die konkrete Ausgabe, vor allem auf dunklen Hintergründen.
Nein. Die aktuelle Bildroute erstellt ein Standbild und übernimmt keine Folge mit Abspielzeiten.
Nein. Bei flächigen Grafiken können PNG und WebP unterschiedlich ausfallen; miss die echte Datei.
WebP kann Alpha tragen, doch überprüfe die gerenderten Ränder im Zielsystem.
Nein. Zusätzliche Bildgrößen muss die Website selbst erzeugen oder gesondert erhalten.
Bewahre das PNG für spätere Änderungen an Text, Motiv oder Hintergrund auf.
Kostenlos, sofort und 100% privat. Ihre Dateien werden lokal in Ihrem Browser verarbeitet.