Ratgeber
Warum dein WebP-Bild unscharf aussieht
Finde mit einer kurzen Checkliste heraus, warum WebP unscharf wirkt, und behebe es schnell.
Unscharfes WebP liegt meist an Einstellungen, Quellqualität oder falscher Skalierung, nicht am Format selbst.
Qualität zu niedrig
Zu niedrige Qualität verwischt Details und Kanten.
In kleinen Schritten erhöhen und vergleichen.
Quelle bereits schlecht
Fehlende Details im Original lassen sich nicht zurückholen.
Wenn möglich mit besserer Quelle starten.
Falsche Skalierung
Kleine Bilder hochzuskalieren macht sie unscharf.
Nahe an realer Darstellungsgröße ausliefern.
- Keine kleinen Bilder aufblasen
- CSS width/height prüfen
- Für Retina größere Assets nutzen
Unpassender Modus
Textlastige Grafiken brauchen oft höhere Qualität oder verlustfrei.
Fotos und UI-Grafiken nicht identisch behandeln.
Keine Side-by-Side-Prüfung
Ohne Direktvergleich bleiben subtile Probleme unentdeckt.
Vor Release bei 100% Zoom vergleichen.
Hilfreich wenn
- Das WebP wirkt weicher als das Original.
- Text im Bild ist schwer lesbar.
- Mobil wirkt die Qualität schlechter.
Quelle, Einstellungen, Anzeigegröße prüfen
Mit dieser Reihenfolge lassen sich die meisten Fälle schnell lösen.