Ein hartnäckiger Irrtum: Viele glauben, dass jedes Bearbeiten ein Foto verschlechtert. Tatsächlich kostet der Filter selbst keine einzige Bildinformation. Helligkeit anheben, Kontrast verstärken, einen Sepia-Look auflegen: Das sind reine Rechenoperationen auf den Pixelwerten. Verloren geht Qualität erst in dem Moment, in dem Sie auf Speichern klicken, und auch dann nur, wenn Sie das falsche Format oder eine zu niedrige Qualitätsstufe wählen. Dieser Ratgeber erklärt, was beim Export wirklich passiert, und welches Format zu welchem Foto passt.
Wo beim Filtern Qualität verloren geht, und wo nicht
Wenn Sie ein Foto in einem Browser-Tool öffnen, wird es dekodiert und liegt danach als unkomprimierte Pixelmatrix vor, technisch in einem Canvas-Element. Jeder Filter, ob über CSS-Filter-Funktionen wie brightness() und contrast() oder über direkte Manipulation der Pixeldaten, verändert nur diese Matrix im Arbeitsspeicher. In dieser Phase gibt es keinen Qualitätsverlust durch Kompression, denn es wird gar nichts komprimiert.
Der kritische Schritt ist das Zurückschreiben in eine Datei. Wählen Sie dabei ein verlustbehaftetes Format, wird das Bild neu komprimiert und ein Teil der Information weggeworfen. Wer ein JPEG öffnet und wieder als JPEG speichert, durchläuft eine zweite Kompressionsrunde. Dieser Effekt heißt Generationsverlust: Bei jeder erneuten JPEG-Speicherung addieren sich Artefakte, ähnlich wie bei einer Kopie der Kopie. Ein einzelner Durchgang mit hoher Qualität fällt kaum auf, zehn Durchgänge sehr wohl.
Tipp: Wenn Sie ein Foto mehrfach bearbeiten möchten, speichern Sie eine verlustfreie Zwischenversion als PNG. So vermeiden Sie den Generationsverlust und exportieren erst ganz am Ende einmal als JPEG oder WebP für die Veröffentlichung.
Verlustbehaftet gegen verlustfrei: der entscheidende Unterschied
Jedes Bildformat trifft eine Grundentscheidung: Speichert es jedes Pixel exakt (verlustfrei) oder wirft es zugunsten kleinerer Dateien Details weg (verlustbehaftet)? PNG ist verlustfrei, JPEG und HEIC sind verlustbehaftet, und WebP kann beides. Verlustbehaftete Verfahren nutzen aus, dass das menschliche Auge feine Helligkeitsänderungen besser wahrnimmt als feine Farbänderungen. JPEG zerlegt das Bild dazu in 8x8-Pixel-Blöcke und reduziert in jedem Block die für das Auge unwichtigen Frequenzen.
Genau deshalb entstehen bei zu starker JPEG-Kompression die typischen Blockartefakte und Farbsäume an scharfen Kanten, etwa an Text oder an einem Logo vor einfarbigem Hintergrund. Bei Fotos mit weichen Farbverläufen sind dieselben Artefakte fast unsichtbar. Das ist die Faustregel: JPEG und WebP-Lossy lieben Fotos, PNG und WebP-Lossless lieben Grafik, Text und harte Kanten.
JPEG, PNG, WebP und HEIC im direkten Vergleich
Browser-Support nach Can I use und MDN, Stand 2026. WebP wird von Chrome, Firefox, Safari und Edge unterstützt; HEIC nur teilweise von Safari.
Warum WebP für gefilterte Web-Fotos meist gewinnt
WebP wurde von Google als Nachfolger für JPEG und PNG im Web entwickelt. Es kombiniert moderne Kompression mit Transparenz und liefert bei vergleichbarer Sichtqualität deutlich kleinere Dateien als JPEG. Laut den offiziellen Google-Developer-Angaben ist verlustbehaftetes WebP bei gleicher Qualität rund 25 bis 35 Prozent kleiner als JPEG, verlustfreies WebP rund 26 Prozent kleiner als PNG. Für eine Foto-Galerie oder einen schnellen Social-Post bedeutet das spürbar kürzere Ladezeiten ohne sichtbaren Qualitätsverlust.
Der einzige Haken war früher die Kompatibilität, doch dieses Argument ist überholt: WebP wird seit Jahren von allen großen Browsern dekodiert. Wenn Ihr Foto am Ende ins Web soll, ist WebP mit hoher Qualitätsstufe daher fast immer die beste Wahl. Nur wenn Sie sicher sein müssen, dass die Datei in jeder noch so alten Software oder jedem Druckdienst funktioniert, greifen Sie zum bewährten JPEG.
Farbräume: sRGB, Display P3 und der Grund für blasse Farben
Ein Farbraum legt fest, welchen Bereich aller sichtbaren Farben die gespeicherten Zahlen abdecken. Der De-facto-Standard im Web ist sRGB, festgelegt in der internationalen Norm IEC 61966-2-1. Solange Aufnahme, Bearbeitung und Anzeige alle von sRGB ausgehen, stimmen die Farben überein. Probleme entstehen, wenn ein Bild in einem größeren Farbraum wie Display P3 oder Adobe RGB gespeichert ist, das anzeigende Programm den eingebetteten Farbprofil-Hinweis aber ignoriert und die Werte einfach als sRGB interpretiert. Das Ergebnis: Die Farben wirken plötzlich blass oder verschoben.
Moderne iPhones nehmen standardmäßig im weiten Display-P3-Raum auf. Wer solche Fotos in einem Werkzeug bearbeitet, das nur sRGB kennt, sollte daher mit leichten Farbabweichungen rechnen. Für die sichere Veröffentlichung im Web ist sRGB nach wie vor die robusteste Wahl, weil praktisch jedes Endgerät es korrekt darstellt.
Achtung: Speichern Sie ein PNG nie als Ersatz für ein komprimiertes Foto, wenn die Dateigröße zählt. Ein verlustfreies PNG eines Urlaubsfotos kann leicht fünf- bis zehnmal größer sein als ein gutes JPEG oder WebP, ohne dass das Auge einen Unterschied erkennt.
HEIC vom iPhone: das häufigste Problem beim Hochladen
Wer ein iPhone besitzt, kennt die Situation: Das Foto lässt sich auf dem Gerät tadellos ansehen, im Browser oder beim Versand erscheint aber nur ein Fehler oder ein graues Feld. Der Grund ist das Format HEIC, ein Container des HEIF-Standards, der intern die effiziente HEVC-Kompression nutzt. Apple setzt es seit iOS 11 als Standard, weil es bei gleicher Qualität etwa halb so groß ist wie JPEG. Der Preis dafür ist die geringe Unterstützung außerhalb des Apple-Kosmos.
Es gibt zwei saubere Lösungen. Erstens lässt sich das iPhone dauerhaft umstellen: unter Einstellungen, Kamera, Formate die Option Maximale Kompatibilität wählen, dann nimmt die Kamera direkt JPEG auf. Zweitens konvertiert das iPhone HEIC beim Teilen oder beim Anschließen an einen Windows-PC oft automatisch nach JPEG. Für ein Browser-Werkzeug, das auf Standard-Web-Formate setzt, ist die Umstellung auf JPEG der zuverlässigste Weg, weil sie unabhängig vom Browser funktioniert.
Konkretes Beispiel: so exportiert ein Browser-Tool verlustfrei
In einem clientseitigen Filter-Tool läuft der Export über die Canvas-API. Der entscheidende Befehl ist canvas.toBlob(), dem Sie den gewünschten MIME-Typ und, bei verlustbehafteten Formaten, eine Qualitätsstufe zwischen 0 und 1 übergeben. So sehen die drei Varianten aus:
// Verlustfrei als PNG (keine Qualitaetsstufe noetig)
canvas.toBlob((blob) => speichern(blob), 'image/png');
// JPEG mit 85 Prozent Qualitaet (guter Kompromiss)
canvas.toBlob((blob) => speichern(blob), 'image/jpeg', 0.85);
// WebP mit 85 Prozent Qualitaet (meist kleinste Datei)
canvas.toBlob((blob) => speichern(blob), 'image/webp', 0.85);Wichtig: Beim PNG-Export wird der dritte Parameter ignoriert, denn PNG ist immer verlustfrei. Beim JPEG- und WebP-Export steuert die Zahl direkt das Verhältnis von Qualität zu Dateigröße. Genau diese Logik nutzt auch das Tool auf dieser Seite, sodass Sie selbst entscheiden, ob Ihre gefilterten Fotos klein und web-tauglich oder verlustfrei archiviert werden sollen.
Schnellempfehlung: welches Format wann
Häufige Fragen zu Bildqualität und Formaten
Verliert ein Foto beim Filtern an Qualität?
Das Anwenden eines Filters selbst ist verlustfrei: Helligkeit, Kontrast oder Sättigung verändern nur die Pixelwerte im Arbeitsspeicher. Qualität geht erst beim erneuten Speichern verloren, und auch nur dann, wenn Sie in ein verlustbehaftetes Format wie JPEG exportieren. Wer ein JPEG öffnet, filtert und wieder als JPEG speichert, durchläuft eine zweite Kompression (Generationsverlust). Für maximale Qualität exportieren Sie als PNG oder als WebP mit hoher Qualitätsstufe.
Welches Format soll ich nach dem Filtern wählen: JPEG, PNG oder WebP?
Für Fotos mit weichen Farbverläufen ist WebP die beste Wahl: kleiner als JPEG bei gleicher Qualität und in allen aktuellen Browsern unterstützt. JPEG bleibt der sichere Standard für maximale Kompatibilität. PNG lohnt sich nur, wenn Sie absolute Verlustfreiheit oder Transparenz brauchen, etwa bei Logos, Screenshots oder Grafiken mit Text.
Warum sind meine iPhone-Fotos HEIC und kann der Browser sie filtern?
Apple speichert Fotos seit iOS 11 standardmäßig als HEIC, weil dieses Format bei gleicher Qualität rund halb so groß ist wie JPEG. Browser dekodieren HEIC bisher nur eingeschränkt (Safari teilweise, Chrome und Firefox in der Regel nicht). Am zuverlässigsten ist es, das iPhone unter Einstellungen, Kamera, Formate auf Maximale Kompatibilität zu stellen, dann werden Fotos als JPEG aufgenommen.
Was bedeutet verlustbehaftet und verlustfrei konkret?
Verlustfrei (PNG, WebP-Lossless) speichert jedes Pixel exakt, die Datei lässt sich vollständig rekonstruieren. Verlustbehaftet (JPEG, WebP-Lossy, HEIC) wirft für das Auge schwer sichtbare Details weg, um die Datei drastisch zu verkleinern. Bei niedriger Qualitätsstufe entstehen sichtbare Artefakte wie Blöcke oder Farbsäume an Kanten.
Welche JPEG-Qualität sollte ich beim Export einstellen?
Eine Qualitätsstufe von 80 bis 85 Prozent ist für die meisten Fotos der beste Kompromiss: Der Unterschied zum Original ist mit bloßem Auge kaum erkennbar, die Datei aber deutlich kleiner. Werte über 95 Prozent bringen kaum sichtbaren Gewinn, blähen die Datei aber stark auf. Unter 70 Prozent werden Kompressionsartefakte zunehmend sichtbar.
Bleibt die Bildqualität gleich, wenn ich Fotos im Browser statt in einer App filtere?
Ja. Ob ein Filter im Browser über die Canvas-API oder in einer Desktop-App gerechnet wird, ändert nichts am Ergebnis: Es sind dieselben mathematischen Operationen auf denselben Pixeln. Entscheidend für die Qualität ist nicht der Ort der Berechnung, sondern das Exportformat und dessen Qualitätsstufe.
Quellen und weiterführende Standards
- MDN Web Docs: Image file type and format guide, Übersicht der gängigen Bildformate im Web.
- MDN Web Docs: HTMLCanvasElement.toBlob(), Export von Canvas-Inhalten mit Format und Qualitätsstufe.
- Google Developers: A new image format for the Web (WebP), offizielle Angaben zu Kompression und Größenvorteilen.
- W3C: Portable Network Graphics (PNG) Specification, der offizielle PNG-Standard.
- IEC: IEC 61966-2-1 (sRGB-Farbraum), internationale Norm zum Standard-Farbraum des Webs.
- Apple Support: Fotoformate auf dem iPhone (HEIF und HEVC), Hinweise zur Umstellung auf Maximale Kompatibilität.
Verwandte Artikel
Foto filtern und im Wunschformat speichern
Wenden Sie Filter direkt im Browser an und exportieren Sie als JPEG, PNG oder WebP. Kein Upload, kein Konto, kein Wasserzeichen.
Zum Foto-Filter