Bildkompressor

Dieses Tool verkleinert ein Foto oder einen Screenshot, ohne es irgendwohin zu senden. Wähle eine Datei, ein Ausgabeformat, und ziehe den Qualitätsregler, um die Dateigröße in Echtzeit schrumpfen zu sehen.

Wie komprimiert das Tool das Bild eigentlich?

Es nutzt jSquash, eine Sammlung von WebAssembly-Encodern, die auf denselben Codecs aufbauen wie Squoosh, Googles browserbasiertes Bildkompressions-Tool. Dadurch laufen JPEG- und WebP-Kompression fast mit nativer Geschwindigkeit direkt im Tab, statt sich auf langsamere Canvas-Tricks zu verlassen. Das Kodieren selbst passiert in einem Web Worker, sodass der Qualitätsregler flüssig bleibt, auch während ein großes Bild im Hintergrund neu kodiert wird. Zusätzlich lässt sich die maximale Breite oder Höhe begrenzen: Das Bild wird unter Beibehaltung des Seitenverhältnisses verkleinert, aber nie über seine Ausgangsgröße hinaus vergrößert.

Werden meine Bilder irgendwohin hochgeladen?

Nein. Alles läuft clientseitig, dein Bild berührt also nie einen Server, und bei einer großen Datei gibt es keinen Upload-Schritt zum Abwarten. Die Neukodierung entfernt dabei nebenbei auch die EXIF-Metadaten, einschließlich aller GPS-Koordinaten, die eine Kamera oder ein Smartphone in die Datei geschrieben hat. Das ist gut zu wissen, wenn du ein Foto öffentlich teilen willst und den Standort nicht mitliefern möchtest, denn die Metadaten der Originaldatei überstehen die Neukodierung schlicht nicht.

Wofür eignet sich das Tool?

Häufige Anwendungen: einen Screenshot unter das Größenlimit für einen Bugreport oder ein Support-Ticket bringen, eine Reihe von Produktfotos vor dem Hochladen in ein CMS verkleinern, oder ein altes PNG in WebP umwandeln, um eine Seite leichter zu machen. WebP und JPEG unterstützen beide einen Qualitätsregler, weil sie verlustbehaftete Formate sind; PNG-Kompression ist verlustfrei, daher kommt eine kleinere PNG-Datei vor allem durch Verkleinern zustande, nicht durch Qualitätsverlust.

Das richtige Format für den Inhalt zu wählen zählt genauso viel wie der Regler selbst. Fotos mit vielen Farbverläufen und Details komprimieren als JPEG oder WebP meist besser als als PNG, während flache Grafiken wie Textscreenshots oder einfache Diagramme oft auch ohne Qualitätsverlust als PNG kleiner bleiben. Die Größenanzeige aktualisiert sich live beim Ziehen des Reglers, sodass du den Punkt erkennst, an dem die Datei kaum noch schrumpft, das Bild aber sichtbar schlechter wird, und kurz davor aufhören kannst. Auch das Begrenzen der maximalen Breite oder Höhe hilft, denn ein kleineres Bild in hoher Qualität schlägt oft ein Bild in voller Größe bei niedriger Qualität, sowohl bei der Dateigröße als auch beim Aussehen. Wie der Browser das Ausgangsbild vor der Kompression dekodiert, erklärt der MDN-Leitfaden zu createImageBitmap.