Bild-Komprimierung
JPEG-, PNG- und WebP-Bilder im Browser verkleinern – mit Qualitätsregler, optionaler Skalierung und WebP-Konvertierung. Komplett lokal, ohne Upload.
Bilder hierher ziehen oder auswählen
JPEG, PNG oder WebP – die Verarbeitung erfolgt vollständig in deinem Browser.
Kostenlose Version: ein Bild pro Durchgang. Weitere Bilder erfordern Pro.
Komprimierungs-Einstellungen
Höhere Qualität bedeutet größere Dateien. 0,8 ist ein guter Standardwert.
Obergrenze für die Dateigröße pro Bild. Leer lassen, um nur die Qualität zu steuern.
Bilder, die größer sind, werden proportional herunterskaliert. Leer lassen, um die Originalmaße zu behalten.
Stapelverarbeitung ist eine Pro-Funktion
In der kostenlosen Version wird ein Bild auf einmal komprimiert. Mit docutools Pro komprimierst du beliebig viele Bilder gleichzeitig und lädst sie gebündelt als ZIP-Archiv herunter.
Was ist Bild-Komprimierung?
Bild-Komprimierung verringert die Dateigröße eines Bildes, indem überflüssige oder vom Auge kaum wahrnehmbare Bildinformationen entfernt oder effizienter codiert werden. Kleinere Bilddateien laden schneller, verbrauchen weniger Speicher und sparen Bandbreite – entscheidend für schnelle Websites, performante Apps und schlanke E-Mail-Anhänge. Bilder machen auf typischen Webseiten 50–70 % des gesamten Seitengewichts aus; Komprimierung ist daher eine der wirksamsten Einzelmaßnahmen zur Performance-Optimierung.
Man unterscheidet zwei grundlegend verschiedene Verfahren. Bei der verlustbehafteten (lossy) Komprimierung – typisch für JPEG und den Lossy-Modus von WebP – werden Bilddaten dauerhaft verworfen, die das menschliche Auge ohnehin kaum wahrnimmt. Dabei kommen Techniken wie Chroma-Subsampling und DCT-Quantisierung (Diskrete Kosinustransformation) zum Einsatz. Die Einsparungen sind enorm: Ein 5-MB-JPEG-Foto kann bei Qualität 0,8 auf unter 500 KB schrumpfen, ohne dass der Unterschied auf dem Bildschirm sichtbar ist. Bei der verlustfreien (lossless) Komprimierung – etwa bei PNG oder WebP-Lossless – bleibt jedes Pixel exakt erhalten; die Einsparung ist mit 20–50 % deutlich geringer.
Welches Verfahren sinnvoll ist, hängt vom Bildinhalt ab. Fotos und Naturaufnahmen enthalten weiche Farbübergänge, die verlustbehaftete Komprimierung sehr gut verträgt – Qualitätsstufen von 75–85 sind für die Bildschirmdarstellung üblicherweise nicht vom Original zu unterscheiden. Flache Grafiken, Logos, Screenshots und Bilder mit Text profitieren dagegen von verlustfreien Formaten, weil scharfe Kanten und gleichmäßige Flächen Komprimierungsartefakte deutlich sichtbar machen. Transparenz (Alpha-Kanal) wird ausschließlich von PNG und WebP unterstützt – JPEG kennt keine Transparenz.
Dieses Werkzeug arbeitet zu 100 % in deinem Browser. Deine Bilder werden niemals auf einen Server hochgeladen – die gesamte Verarbeitung läuft lokal auf deinem Gerät über die HTML5-Canvas-API. Das ist nicht nur schneller, sondern auch datenschutzkonform im Sinne der DSGVO: vertrauliche Screenshots, Personalausweisfotos, Produktprototypen oder Scans verlassen deinen Rechner nicht. Das ist keine Marketing-Aussage, sondern eine architektonische Entscheidung – es gibt schlicht keine Serverkomponente, an die Daten übertragen werden könnten.
Moderne Browser bieten alles, was für effiziente Bild-Komprimierung ohne Plugins nötig ist. Das Tool setzt die Bibliothek browser-image-compression ein, die Qualität und Auflösung iterativ anpasst, bis ein Zieldateigewicht oder ein gewünschtes Qualitätsniveau erreicht ist – vollständig innerhalb der Browser-Sandbox. Optional lagert es die Berechnung in einen Web Worker aus, einem separaten Hintergrund-Thread, damit die Benutzeroberfläche auch bei großen Bildern oder Stapeln reaktionsschnell bleibt. WebP-Ausgabe wird von allen modernen Browsern unterstützt und spart gegenüber JPEG bei gleicher visueller Qualität typischerweise weitere 25–35 % – inklusive Alpha-Kanal-Unterstützung.
So nutzt du die Bild-Komprimierung
In wenigen Schritten von einem großen Original zu einer optimierten Datei – ohne Installation, ohne Account:
- Bilder hinzufügen — Ziehe ein oder mehrere Bilder in das Feld oder klicke auf „Bilder auswählen“. Unterstützt werden JPEG, PNG und WebP bis 50 MB pro Datei. Das Lesen und Dekodieren erfolgt vollständig lokal – es werden keine Daten gesendet.
- Qualität festlegen — Stelle mit dem Regler den Qualitätsfaktor (0,0–1,0) ein. Für Web-Fotos liefern 0,7 bis 0,8 eine ausgezeichnete visuelle Qualität bei typischerweise 60–80 % kleinerer Dateigröße als das Original. Für druckfertige Bilder oder Produktfotos mit hohen Farbgenauigkeitsanforderungen empfehlen sich 0,85–0,92.
- Optional skalieren — Gib bei Bedarf eine maximale Kantenlänge an. Das Tool skaliert die längere Seite auf diesen Wert und behält das Seitenverhältnis exakt bei. Ein gängiger Web-Richtwert ist 1920 px (Full-HD), der für die meisten Hero-Bilder und Blog-Fotos ausreicht. Für Thumbnails oder Inline-Bilder genügen oft 800–1200 px. Leer lassen bedeutet: Originalpixelmaße beibehalten.
- Ausgabeformat wählen — Behalte das Originalformat bei oder wandle in WebP um, das bei gleicher Qualität typischerweise 25–35 % kleinere Dateien als JPEG erzeugt und Transparenz unterstützt. Ein bestehendes PNG-Logo in WebP-Lossless umzuwandeln halbiert die Dateigröße oft bei null Qualitätsverlust. JPEG-Konvertierung ist sinnvoll, wenn maximale Kompatibilität mit sehr alten Clients erforderlich ist.
- Komprimieren und herunterladen — Starte die Komprimierung, vergleiche Vorher/Nachher in der Ergebnistabelle und lade jedes Bild einzeln – oder mit Pro alle gemeinsam als ZIP – herunter. Der angezeigte Prozentsatz bezieht sich auf das Original, sodass du die Einsparung sofort bewerten kannst.
Tipp: Probiere zuerst Qualität 0,8 mit WebP-Umwandlung – das ergibt bei den meisten Fotos die größte Dateigrößenreduktion. Passe den Regler an, wenn das Ergebnis entweder zu groß oder sichtbar schlechter ist.
Wie es funktioniert
Sobald du ein Bild auswählst, dekodiert das Tool es in ein HTMLImageElement und zeichnet es auf ein verstecktes HTML5-Canvas. Falls eine maximale Kantenlänge konfiguriert ist, wird das Canvas vor dem Zeichnen entsprechend dimensioniert – Skalierung und Zeichnen laufen in einem einzigen Schritt. Der Browser kodiert die Pixel anschließend über toBlob() oder toDataURL() im gewählten Format mit dem gesetzten Qualitätsfaktor. Der Qualitätsparameter steuert direkt die Quantisierungstabellen-Intensität für JPEG und WebP: Bei 1,0 verwendet der Encoder maximale Fidelitätstabellen, bei 0,5 aggressive Quantisierung, die Feindetails sichtbar verschwimmen lässt. Als Nebeneffekt dieses Canvas-Re-Encodes werden EXIF-Metadaten – GPS-Koordinaten, Kameramodell, Aufnahmeparameter – aus der Ausgabe entfernt, was beim Teilen von komprimierten Bildern ein zusätzlicher Datenschutzvorteil ist.
Im Hintergrund koordiniert die Bibliothek browser-image-compression den Ablauf. Sie probiert iterativ Qualitäts- und Zwischengröße aus, bis die Bilddatei eine vorgegebene maximale Zielgröße unterschreitet oder das gewünschte Qualitätsniveau erreicht ist, ohne die maximalen Abmessungen zu überschreiten. Die Iteration konvergiert typischerweise in zwei bis vier Durchläufen. Mit aktivierter Web-Worker-Option wird jedes Bild über die Standard-Worker-API in einen Hintergrund-Thread ausgelagert; der Haupt-Thread bleibt für UI-Interaktionen frei. Die Worker-Kommunikation nutzt strukturiertes Cloning mit übertragbaren ArrayBuffers für nahezu null Kopieraufwand.
Da jeder Schritt ausschließlich auf Browser-APIs basiert, verlässt kein einziges Byte deines Bildes dein Gerät. Es gibt keinen Server, keine Warteschlange, kein Upload-Timeout und kein netzwerkbedingtes Dateigrößenlimit. Das Ergebnis wird als Blob-URL im Arbeitsspeicher erzeugt und über einen dynamisch erzeugten Anchor-Tag zum Download angeboten. Sobald du den Tab schließt, wird der Blob vom Garbage Collector freigegeben. Für Batch-Downloads (Pro) assembliert JSZip alle komprimierten Dateien vollständig im Arbeitsspeicher zu einem ZIP-Archiv, bevor ein einzelner Download ausgelöst wird.
Typische Anwendungsfälle
Schnellere Websites und bessere Core Web Vitals
Bilder sind auf den meisten Seiten der größte Largest-Contentful-Paint(LCP)-Kandidat. Hero-Bilder, Produktfotos und Blog-Grafiken als WebP bei Qualität 0,8 und maximal 1920 px zu komprimieren, reduziert das Seitengewicht häufig um 60–70 % – mit direkter Wirkung auf LCP-Werte, Absprungrate und SEO-Rankings.
E-Mail-Anhänge
Viele Unternehmens-Mailserver setzen ein Limit von 10–25 MB pro Nachricht durch, und mobile Postfächer füllen sich schnell. Einige Smartphone-Fotos von je 4 MB auf unter 400 KB zu komprimieren entscheidet darüber, ob eine E-Mail angenommen oder abgewiesen wird – ohne sichtbare Qualitätsverschlechterung für den Empfänger.
Online-Formulare und Behördenportale
Bewerbungsportale, HR-Systeme und Behördenplattformen erzwingen oft strenge Upload-Limits von 1–5 MB für Ausweisfotos, Scan-Dokumente und Zeugnisse. Mit dem Komprimierungstool lässt sich ein 6 MB großer Scan in Sekunden weit unter den Grenzwert bringen – ohne einen Drittanbieter-Clouddienst einzuschalten, der dein Dokument möglicherweise speichert.
Speicherplatz auf Festplatten und in der Cloud sparen
500 Smartphone-Fotos à 4 MB belegen 2 GB. Batch-Komprimierung auf WebP bei Qualität 0,82 und 1920 px bringt das Archiv typischerweise auf unter 200 MB – eine Einsparung von 90 % – bei Bildern, die bei normalen Betrachtungsgrößen nicht vom Original zu unterscheiden sind. Das ist besonders relevant für Cloud-Speicher-Tarife, die pro GB abrechnen.
Beispiel
Ein typisches Smartphone-Foto im JPEG-Format, bei Qualität 0,8 und einer maximalen Kantenlänge von 1920 px komprimiert:
Original: foto.jpg 4,80 MB 4032 × 3024 px Einstellung: Qualität 0,8 · max. 1920 px · WebP Ergebnis: foto.webp 0,42 MB 1920 × 1440 px Ersparnis: -91 % (4,38 MB kleiner)
Werte sind beispielhaft und hängen vom Bildinhalt ab. Fotos mit vielen Details sparen tendenziell weniger als gleichmäßige Flächen.
Tipps & Grenzen
Tipps
- Für Web-Fotos ist WebP fast immer die beste Wahl – kleiner als JPEG bei vergleichbarer Qualität und mit Transparenz-Unterstützung.
- Skaliere Bilder auf die tatsächlich benötigte Anzeigegröße. Ein 4000 px breites Bild in einem 800 px breiten Container ist reine Verschwendung.
- Bei Qualität 0,75–0,85 sind Unterschiede zum Original für das Auge meist nicht erkennbar, die Datei wird aber deutlich kleiner.
- Aktiviere den Web Worker, wenn du große Bilder oder ganze Stapel verarbeitest – die Oberfläche bleibt dann flüssig bedienbar.
Grenzen
- Verlustbehaftete Komprimierung lässt sich nicht rückgängig machen. Bewahre stets eine Kopie des Originals auf.
- PNG-Grafiken mit großen einfarbigen Flächen lassen sich oft besser durch Umwandlung in WebP verkleinern als durch reine PNG-Optimierung.
- Sehr große Bilder oder große Stapel sind durch den Arbeitsspeicher deines Geräts begrenzt, da alles lokal verarbeitet wird.
- Bildformate wie HEIC, AVIF, GIF oder TIFF werden hier nicht unterstützt – das Tool ist auf JPEG, PNG und WebP ausgelegt.
Häufige Fragen
Werden meine Bilder hochgeladen?
Nein. Die gesamte Komprimierung läuft direkt in deinem Browser über die Canvas-API. Deine Bilder verlassen dein Gerät zu keinem Zeitpunkt und werden auf keinen Server übertragen.
Was ist der Unterschied zwischen verlustbehafteter und verlustfreier Komprimierung?
Verlustbehaftete (lossy) Komprimierung verwirft dauerhaft Bilddaten und erreicht so sehr kleine Dateien – ideal für Fotos. Verlustfreie (lossless) Komprimierung bewahrt jedes Pixel exakt, spart aber weniger Platz – sinnvoll für Grafiken, Logos und Screenshots.
Welche Qualitätsstufe soll ich wählen?
Für die meisten Fotos liefern Werte zwischen 0,7 und 0,85 einen guten Kompromiss aus kleiner Datei und kaum sichtbarem Qualitätsverlust. Bei Grafiken mit scharfen Kanten oder Text empfiehlt sich ein höherer Wert oder ein verlustfreies Format.
Soll ich meine Bilder in WebP umwandeln?
Für Bilder auf Websites in der Regel ja: WebP erzeugt bei vergleichbarer Qualität deutlich kleinere Dateien als JPEG oder PNG und unterstützt Transparenz. Alle modernen Browser zeigen WebP an. Für maximale Kompatibilität mit sehr alten Systemen kann JPEG sinnvoll bleiben.
Verkleinert die Komprimierung auch die Bildabmessungen?
Nur wenn du eine maximale Kantenlänge angibst. Ohne diese Angabe bleiben Breite und Höhe unverändert und es wird ausschließlich die Dateigröße reduziert. Mit einer Vorgabe werden zu große Bilder proportional herunterskaliert.
Wie viele Bilder kann ich gleichzeitig komprimieren?
In der kostenlosen Version komprimierst du ein Bild pro Durchgang. Mit docutools Pro verarbeitest du beliebig viele Bilder als Stapel und lädst sie gebündelt als ZIP-Archiv herunter.
Gibt es eine maximale Dateigröße?
Es gibt kein Upload-Limit, da nichts hochgeladen wird. Die einzige Grenze ist der Arbeitsspeicher deines Geräts. Sehr große Dateien (über 50 MB) werden aus Stabilitätsgründen abgewiesen.
Warum ist meine komprimierte Datei manchmal größer als das Original?
Das passiert, wenn das Original bereits stark optimiert ist oder wenn ein bereits komprimiertes JPEG in ein anderes Format mit hoher Qualität umgewandelt wird. In solchen Fällen weist das Tool die Größenzunahme aus, damit du das Original behalten kannst.
Bleibt die Transparenz von PNG-Bildern erhalten?
Ja, sofern du als Ausgabeformat PNG oder WebP wählst – beide unterstützen einen Alphakanal. Wandelst du ein transparentes Bild in JPEG um, geht die Transparenz verloren, da JPEG keine Transparenz kennt.
Was bedeutet die Web-Worker-Option?
Ein Web Worker führt die rechenintensive Komprimierung in einem separaten Thread aus. Dadurch bleibt die Benutzeroberfläche flüssig bedienbar, auch während große Bilder oder ganze Stapel verarbeitet werden. Wir empfehlen, diese Option aktiviert zu lassen.
Entfernt das Tool EXIF-Daten wie GPS-Koordinaten?
Ja, als Nebeneffekt des Canvas-API-Re-Encodes. Wenn der Browser dein Bild auf ein Canvas zeichnet und exportiert, wird der ursprüngliche EXIF-Block – der GPS-Koordinaten, Kameramodell, Datum und andere Metadaten enthalten kann – aus der Ausgabe entfernt. Das ist ein zusätzlicher Datenschutzvorteil, besonders relevant, wenn du Fotos öffentlich teilst.
Welche Qualitätsstufe empfiehlt sich für Produktfotos im Online-Shop?
Für E-Commerce-Produktbilder, die bei typischen Größen von 800–1200 px dargestellt werden, ist Qualität 0,82–0,88 mit WebP-Format ein guter Standard. Dieser Bereich bewahrt Farbgenauigkeit und Texturdetail, die Käufer oft genau prüfen, und reduziert dennoch die Dateigröße um 60–75 % gegenüber unkomprimierten Originalen. Für Zoom-Ansichten, bei denen Schärfe auf Pixelebene zählt, empfehlen sich 0,90–0,92.
Kann ich das Tool für Social-Media-Bilder verwenden?
Ja. Jede Plattform komprimiert hochgeladene Bilder erneut – wer die Zielmaße kennt, kann selbst vorher komprimieren und behält mehr Kontrolle über die Qualität. Instagram empfiehlt 1080 × 1080 px (Quadrat) oder 1080 × 1350 px (Hochformat) als JPEG; Facebook-Titelbilder eignen sich am besten bei 820 × 312 px. Setze die maximale Kantenlänge auf die empfohlenen Plattformmaße und komprimiere mit Qualität 0,85 vor dem Upload.
Warum ist die PNG-Komprimierung weniger dramatisch als bei JPEG?
PNG verwendet verlustfreie Komprimierung (DEFLATE/LZ77), die nur strukturelle Redundanz entfernen kann – wiederkehrende Muster und gleichfarbige Flächen. Die Pixeldaten eines Fotos enthalten kaum solche Redundanz, sodass verlustfreie Komprimierung nur 10–30 % spart. Die verlustbehafteten Modi von JPEG und WebP dagegen können nicht wahrnehmbare Hochfrequenzdetails verwerfen und erzielen bei denselben Fotos Einsparungen von 70–90 %. Für Fotos immer WebP oder JPEG bevorzugen – nicht PNG.
Gibt es eine Möglichkeit, den visuellen Unterschied vor dem Download zu sehen?
Die Ergebnistabelle zeigt exakte Vorher-/Nachher-Dateigrößen und Abmessungen, sodass du den Kompromiss numerisch beurteilen kannst. Für einen visuellen Vergleich lade das Ergebnis herunter und öffne beide Dateien in einem Bildbetrachter oder Bildbearbeitungsprogramm. Da die Komprimierung schnell und lokal abläuft, kannst du innerhalb weniger Sekunden mehrere Qualitätsstufen ausprobieren.