Bilder sind fast immer das Schwerste auf einer Seite, und der Großteil dieses Gewichts ist vermeidbar. Dieses Tool dekodiert dein Bild, skaliert es auf Wunsch und kodiert es neu in einer Qualität deiner Wahl — alles im Browser. Zu verstehen, was "neu kodieren" bedeutet, ist der Unterschied zwischen guter Nutzung und dem stillen Ruinieren deiner Fotos.
Skalieren schlägt Qualität, und zwar deutlich
Der größte Gewinn ist fast nie der Qualitätsregler. Es ist die maximale Breite. Ein 4000 Pixel breites Foto in einer 800 Pixel breiten Spalte trägt sechzehnmal mehr Pixel, als der Bildschirm nutzen kann — der Browser rechnet es bei jedem Seitenaufruf herunter, und der Nutzer bezahlt sie alle.
Die Abmessungen zu halbieren viertelt die Pixelzahl, und das ist eine glatte, verlustfrei wirkende Reduktion: Das Bild sieht weiterhin perfekt aus, weil es nie eine Möglichkeit gab, das entfernte Detail zu sehen. Die Qualität von 90 auf 60 zu senken spart weit weniger und ist sichtbar. Skaliere zuerst, und greif erst danach zur Qualität.
Der Qualitätsregler tut bei PNG gar nichts
Das überrascht, und es gehört klar gesagt: PNG ist ein verlustfreies Format. Es gibt keinen Qualitätsregler zu drehen. Verlange von einem Browser-Canvas ein PNG bei 10 % und bei 100 %, und du bekommst Byte für Byte identische Ausgabe — gemessen: 63.960 Byte bei jeder Einstellung.
Deshalb deaktiviert dieses Tool den Regler, wenn PNG gewählt ist, statt dich an etwas ziehen zu lassen, das nicht wirken kann. Ist dein PNG zu groß, sind die vorhandenen Hebel die Abmessungen und die Reduktion der Anzahl unterschiedlicher Farben — die Technik von Werkzeugen wie pngquant. Keiner davon ist der Qualitätsregler, denn den gibt es nicht.
Die Folgerung betrifft die Formatwahl selbst. PNG ist richtig für Screenshots, Logos, Strichzeichnungen und alles mit scharfen Kanten oder Transparenz. Es ist falsch für Fotos, wo es eine Datei erzeugt, die um ein Mehrfaches größer ist als ein JPEG, das niemand davon unterscheiden könnte. Komprimierst du ein Foto und die Ausgabe ist riesig, prüfe das Format, bevor du irgendetwas anderes anfasst.
Neu kodieren ist nicht dasselbe wie komprimieren
Ein Browser kann ein JPEG nicht an Ort und Stelle komprimieren. Tatsächlich dekodiert er die Datei zu rohen Pixeln und kodiert daraus ein brandneues JPEG. Der Unterschied zählt, weil JPEG in beide Richtungen verlustbehaftet ist: Die Dekodierung liefert eine Näherung des Originals, und die Kodierung wirft weiteres weg.
Ein bereits komprimiertes JPEG zu komprimieren ist also eine zweite Generation, keine Verfeinerung. Wiederhole das, und Artefakte häufen sich — deshalb sieht ein Bild, das durch fünf Chat-Apps weitergereicht wurde, am Ende frittiert aus. Kodiere immer vom qualitativ besten Original neu, das du hast, nicht von etwas, das schon durch die Mühle ging. Und zurück geht es nicht: Die Qualität einer bei 40 gespeicherten Datei anzuheben holt kein Detail zurück, es verpackt die Artefakte nur in mehr Bytes.
Deine Metadaten überleben nicht, und das ist meist gut
Ein Canvas hält Pixel, sonst nichts. Alles, was in der Originaldatei darum herum lag — EXIF, das Kameramodell, der Zeitstempel, das Copyright-Feld, das Farbprofil und die GPS-Koordinaten des Aufnahmeorts — fehlt in der Ausgabe.
Fürs Veröffentlichen im Web ist das ein Feature und ein echter Datenschutzgewinn. Mit dem Telefon aufgenommene Fotos tragen routinemäßig den exakten Aufnahmeort, und eine beunruhigende Zahl von Bildern im Internet sendet jemandes Wohnadresse. Das zu entfernen ist die richtige Vorgabe.
Ein Verlust ist es in zwei Fällen. Brauchst du Copyright- oder Autorenfelder erhalten, ist dies das falsche Werkzeug. Und stützte sich das Original auf ein eingebettetes Farbprofil — ein Foto in Adobe RGB oder Display P3 — bedeutet dessen Wegfall, dass der Browser die Pixel als sRGB deutet und die Farben kippen. Gesättigte Rot- und Grüntöne werden flau. Sieht deine Ausgabe im Vergleich zur Eingabe ausgewaschen aus, ist genau das passiert.
Wo die Qualitätszahlen tatsächlich liegen
JPEG-Qualität ist kein Prozentsatz von irgendetwas, und die Skala ist nicht linear. Praktisch: Über etwa 90 gibst du sehr viele Bytes für Unterschiede aus, die niemand sieht. Etwa 75 bis 85 ist der Bereich, in dem Fotos für einen normalen Betrachter unberührt aussehen. Unter etwa 60 tauchen Blockartefakte in weichen Verläufen auf — Himmel und Haut sind, wo es zuerst auffällt.
Die Vorgabe von 80 hier ist Absicht. Gut zu wissen: Diese Zahlen sind zwischen Encodern nicht vergleichbar — Qualität 80 in diesem Browser und Qualität 80 in Photoshop sind verschiedene Einstellungen, die zufällig eine Zahl teilen.
Häufige Fragen
Wird mein Bild irgendwohin hochgeladen?
Nein. Dieses Tool ist als "client" gekennzeichnet: Die Datei wird in deinen Browser gelesen, von deiner eigenen Maschine dekodiert und neu kodiert, und nie gesendet. Das ist wissenswert, weil viele Kompressionsseiten sehr wohl hochladen — du übergibst einem Fremden ein Foto, das, bis er es entfernt, noch immer enthält, wo und wann es entstand.
Warum ist meine komprimierte Datei größer als das Original?
Meist eine Formatverwechslung: Du hast ein JPEG-Foto hineingegeben und PNG als Ausgabe verlangt. PNG kann fotografisches Rauschen nicht komprimieren, das Ergebnis bläht sich also auf. Es passiert auch, wenn das Original bereits in geringerer Qualität gespeichert war als die gewählte — etwas bei 90 neu zu kodieren, das mit 60 ankam, fügt Bytes hinzu und holt nichts zurück.
Soll ich WebP nehmen?
Fürs Web ja — jeder im Einsatz befindliche Browser unterstützt es, und es ist bei gleicher visueller Qualität typischerweise 25 bis 35 % kleiner als JPEG. Der Haken ist alles, was kein Browser ist: manche Desktop-Software, ältere E-Mail-Clients und diverse Upload-Formulare lehnen es weiterhin ab. Geht das Bild auf eine Webseite, WebP. Könnte es jemand herunterladen und mit irgendetwas öffnen, bleibt JPEG die sichere Wahl.
Warum sieht mein Bild nach dem Komprimieren ausgewaschen aus?
Das Farbprofil wurde entfernt. War das Original als Adobe RGB oder Display P3 gekennzeichnet, bedeuten seine Pixelwerte nur zusammen mit diesem Profil die richtigen Farben. Ist es weg, liest der Browser sie als sRGB, und alles Gesättigte driftet ins Flaue. Das Bild vor dem Komprimieren nach sRGB zu konvertieren vermeidet das, denn dann stimmen Zahlen und Annahme überein.
Gibt es eine Größenbeschränkung?
Keine von hier auferlegte, aber dein Gerät legt eine fest. Das Bild wird im Speicher zu rohen Pixeln dekodiert, und rohe Pixel sind vier Byte pro Stück: Ein 50-Megapixel-Foto sind 200 MB Speicher, bevor sonst irgendetwas passiert. Sehr große Bilder bringen den Tab ins Straucheln, und auf einem Telefon können sie schlicht scheitern. Das ist eine Hardwaregrenze, keine Regel des Tools.