Bildkompressor

Was ist ein Bildkompressor?#

Dieses Werkzeug verkleinert die Dateigröße eines Bildes, indem es über die Canvas-Pipeline des Browsers mit geringerer Qualität, in einem anderen Format oder mit einer kleineren Pixelgröße neu kodiert wird — je nachdem, welche Kombination Sie wählen. Das Ergebnis ist eine neue Datei, die Sie herunterladen können, mit einem Vorher-/Nachher-Größenvergleich, sodass der Kompromiss sichtbar wird. Es ist die alltägliche Lösung für „dieses Foto ist zu groß zum Anhängen“ — lokal und ohne Upload.

Drei Hebel sind verfügbar und lassen sich kombinieren:

• Format — JPEG (verlustbehaftet, deckend), WebP (verlustbehaftet, modern, bei gleicher Qualität etwa 25–35 % kleiner als JPEG) oder PNG (verlustfrei; schrumpft nur durch Skalierung, nie durch Qualitätsverlust).
• Qualität — ein Regler 5–100, der der Qualitäts-Einstellung des Kodierers entspricht. Gilt nur für JPEG und WebP; der Regler ist bei PNG ausgeblendet, weil PNG qualitativ bedingt nicht verlieren kann.
• Max. Breite / Höhe — optionale Obergrenzen, die das Bild vor der Kodierung verkleinern (unter Beibehaltung des Seitenverhältnisses, niemals hochskalierend). Die Größenänderung ist bei Fotos mit Abstand der größte Größengewinn.

Da die Arbeit auf einem <canvas> über createImageBitmap und canvas.toBlob stattfindet, wird Ihr Bild dekodiert, transformiert und im Arbeitsspeicher neu kodiert; die Originaldatei bleibt unangetastet.

Verwendung#

1. Legen Sie ein Bild auf die gestrichelte Zone.
2. Wählen Sie in der Steuerungsleiste:
   • Ausgabeformat — ist standardmäßig der Quelltyp bei PNG/WebP, bei allem anderen JPEG.
   • Max. Breite / Max. Höhe — für „auto“ leer lassen (keine Skalierung), oder eine Pixel-Obergrenze eingeben. Das Bild wird verzerrungsfrei in den Rahmen eingepasst.
   • Qualität — Regler ziehen (5–100); der aktuelle Wert wird daneben angezeigt. Bei PNG ignoriert.
3. Klicken Sie auf Komprimieren. Die Statistikleiste zeigt Original, Komprimiert und Gespart (Bytes und Prozent), plus einen Hinweis, falls das Ergebnis irgendwie größer ist.
4. Laden Sie die komprimierte Datei herunter. Die Vorschau zeigt das Ergebnis, damit Sie die visuelle Qualität beurteilen können.

Hauptfunktionen#

• Formatbewusste Standards. PNG bleibt PNG (damit Transparenz und harte Kanten erhalten bleiben); Fotos werden standardmäßig JPEG; das Werkzeug zerstört niemals stillschweigend einen Alpha-Kanal.
• Seitenverhältnis-erhaltende Skalierung. Max. Breite und Höhe definieren einen Rahmen; das Bild wird mit erhaltenem Verhältnis eingepasst und nie hochskaliert.
• Ehrliche Größenmeldung. Wenn eine Neukodierung eine größere Datei erzeugt (häufig bei PNG-zu-PNG oder einem winzigen JPEG), sagt das Werkzeug das, anstatt vorzutäuschen, es habe Platz gespart.
• WebP-Ausgabe. Moderne Browser sparen bei gleicher visueller Qualität weitere 25–35 % gegenüber JPEG; praktisch für Web-Assets.
• Lokale Pipeline. Die Canvas-APIs übernehmen die Kodierung; nichts wird hochgeladen.

Ausführliches Beispiel#

Ein 4,5 MiB großes Handy-Foto mit 4032×3024 ist zu groß zum E-Mail-Versand. Legen Sie es ab, setzen Sie Ausgabeformat auf WebP, Max. Breite auf 1920 (Höhe skaliert automatisch auf 1440), Qualität auf 80. Klicken Sie auf Komprimieren. Die Statistikleiste meldet:

Die Skalierung hat den Großteil der Arbeit geleistet (etwa 4× weniger Pixel); WebP bei Qualität 80 hat den Rest übernommen. Das Ergebnis ist unter einem halben Megabyte und auf dem Bildschirm visuell nicht zu unterscheiden.

Dasselbe Bild als PNG bei Qualität 100 ohne Skalierung zu versuchen, meldet hingegen typischerweise die komprimierte Datei als größer — PNG ist verlustfrei und kann das Rauschen des Fotos nicht so verwerfen wie JPEG oder WebP. Das Werkzeug kennzeichnet das mit dem „größer“-Hinweis, anstatt eine Schein-Ersparnis zu behaupten.

FAQ#

Der Qualitätsregler ist ausgegraut — warum?#

PNG ist ein verlustfreies Format; es hat keinen Qualitätsregler. Wenn Sie PNG wählen, wird der Regler ausgeblendet, weil er keine Wirkung hat. Wechseln Sie zu JPEG oder WebP, um die Qualität zu steuern.

Meine „komprimierte“ Datei ist größer als das Original. Wie kommt das?#

Zwei häufige Ursachen: Sie haben ein bereits komprimiertes JPEG als PNG neu kodiert (PNG kann die verlustbehaftete Kompression von JPEG bei Fotos nicht erreichen), oder die Quelle war ein winziges, stark komprimiertes Bild und die PNG-Neukodierung hat Overhead hinzugefügt. Wählen Sie ein verlustbehaftetes Format (JPEG oder WebP) und/oder aktivieren Sie die Skalierung.

Skaliert das Werkzeug hoch, wenn ich eine riesige Max. Breite eingebe?#

Nein. Max. Breite und Höhe begrenzen nur die Obergrenze; wenn die Quelle bereits kleiner ist, wird sie in ihrer Originalgröße durchgereicht. Hochskalieren würde die Datei nur aufblähen, ohne Qualitätsnutzen.

Ist WebP überall sicher verwendbar?#

Moderne Browser (Chrome, Edge, Firefox, Safari 14 und neuer) unterstützen alle WebP. Wenn Sie sehr alte Browser oder bestimmte Bildverarbeitungs-Pipelines unterstützen müssen, weichen Sie auf JPEG aus.