Bilder online mit Live-Vorschau komprimieren

Lade ein JPG, PNG, WebP oder AVIF hoch, ziehe den Qualitätsregler für eine sofortige Vorschau und lade die mit sharp und libvips neu enkodierte Datei herunter.

oder Bild hier ablegen

Über dieses Tool

Komprimiere ein JPG, PNG, WebP oder AVIF direkt aus deinem Browser mit einem Live-Qualitätsregler und Format-Vergleich. Ziehe dein Bild auf die Seite und die Vorschau aktualisiert sich sofort über den Canvas-Encoder deines Browsers. Jede Bewegung des Reglers läuft lokal, ohne Netzwerktraffic. Wenn du auf Herunterladen klickst, wird die Originaldatei über HTTPS an unseren Komprimierungsdienst gesendet, einen Cloudflare Worker mit sharp und libvips, also dem gleichen Encoder-Stack, den Vercel und Shopify nutzen. Die serverseitige Enkodierung liefert typischerweise Dateien, die 10 bis 15 Prozent kleiner sind als die Browser-Vorschau bei gleicher Qualitätseinstellung, weil libvips MozJPEG-Tunings anwendet, die der Browser nicht kennt. Dateien werden in einem mandantenisolierten Cache für kurze Zeit gehalten und dann entfernt. Das Tool akzeptiert auf der Server-Spur Dateien bis 25 MB. Es passt gut zu Fotografen, Entwicklern und Produkt-Teams, die kleinere Dateien brauchen, ohne die Software zu wechseln oder einen Editor zu öffnen.

Bild komprimieren
Was dieses Tool macht

Was dieses Tool macht

Diese Seite betreibt einen zweispurigen Bildkompressor. Der Regler über der Vorschau ist ein lokaler Live-Encoder, der das native canvas.toBlob deines Browsers mit dem von dir gewählten Qualitätswert nutzt. Jede Bewegung des Reglers rendert die geteilte Vorschau neu und aktualisiert den Byte-Zähler, ohne Netzwerktraffic. Wenn du auf Herunterladen klickst, wird die Originaldatei an unseren Komprimierungsdienst für eine finale Enkodierung mit sharp und libvips gesendet, dem gleichen Encoder-Stack, den Vercel und Shopify einsetzen. Die Ausgabe behält deine Eingangsabmessungen exakt bei. Das Tool deckt JPG, PNG, WebP und AVIF als Eingabe und Ausgabe in jeder Kombination ab.

Bild komprimieren
So komprimierst du Bilder Schritt für Schritt

So komprimierst du Bilder Schritt für Schritt

Ziehe ein JPG, PNG, WebP oder AVIF auf den Upload-Bereich oder füge es mit Strg+V aus der Zwischenablage ein. Wähle ein Ausgabeformat aus den drei Karten (WebP ist die Vorgabe für Fotos). Bewege den Qualitätsregler und beobachte den Byte-Zähler in Echtzeit. Halte an, wenn die Dateigröße deinem Ziel entspricht und die Vorschau noch gut aussieht. Klicke auf Herunterladen, um das serverseitig enkodierte Ergebnis zu erhalten. Falls der Komprimierungsdienst nicht erreichbar ist, wird stattdessen die im Browser enkodierte Vorschau gespeichert, damit du immer eine funktionierende Datei bekommst.

Bild komprimieren
Die richtige Qualitätsstufe wählen

Die richtige Qualitätsstufe wählen

Der Qualitätsregler reicht von 1 bis 100, mit 78 als verlustbehafteter Vorgabe. Qualität 80 entspricht dem, was Adobe Photoshop beim JPEG-Export als High kennzeichnet, und ist eine sichere Wahl für Portfolios und Kundenarbeiten. Qualität 60 ist die übliche Web-Vorgabe und reduziert ein 4-MP-Foto auf etwa 200 bis 400 KB ohne sichtbaren Verlust beim normalen Betrachtungsabstand. Unter 50 erscheinen blockförmige Artefakte auf Verläufen und Hauttönen. Unter 30 wirkt die Ausgabe wie ein Thumbnail. Der Byte-Zähler über dem Regler zeigt die exakte Ausgabegröße beim Ziehen, sodass Raten überflüssig wird.

Bild komprimieren
Welches Format ist am kleinsten: JPG, WebP oder AVIF

Welches Format ist am kleinsten: JPG, WebP oder AVIF

Das Tool zeigt die Byte-Zahlen für JPG, WebP und AVIF nebeneinander auf demselben Quellbild, sodass der Vergleich auf deiner tatsächlichen Datei stattfindet und nicht auf einem generischen Benchmark. Als Faustregel ist WebP typischerweise 25 bis 35 Prozent kleiner als JPG bei gleicher visueller Qualität, und AVIF ist typischerweise 40 bis 60 Prozent kleiner als JPG. AVIF braucht länger zum Enkodieren, etwa 3 bis 8 Sekunden für ein 8-MP-Foto auf der Server-Spur, weil libaom rechenintensiv ist. Die Browser-Unterstützung ist 2026 stark in Chrome, Firefox, Safari und Edge. PNG ist die richtige Wahl, wenn das Bild wenige Farben hat, etwa bei Screenshots und Logos, wo Palettenquantisierung verlustbehaftete Codecs schlägt.

Bild komprimieren
Wie deine Datei verarbeitet wird

Wie deine Datei verarbeitet wird

Die Slider-Vorschau läuft ohne Netzwerktraffic. Jedes Ziehen ist ein neuer canvas.toBlob-Aufruf in deinem Browser, verifizierbar in den DevTools, indem du im Netzwerk-Tab nach compress filterst und siehst, dass beim Bewegen des Reglers keine Anfragen erscheinen. Der Klick auf Herunterladen ist der einzige Schritt, der hochlädt. Deine Datei wird per HTTPS an unseren Cloudflare Worker unter /api/compress geschickt, der zu einem Backend mit sharp und libvips weiterleitet. Das enkodierte Ergebnis kommt im Antwort-Body zurück und wird in deinem Download-Ordner gespeichert. Eine Zwischenkopie wird kurze Zeit in einem mandantenisolierten Cache gehalten und dann entfernt. Falls der Dienst nicht erreichbar ist oder deine Datei über 25 MB liegt, läuft der Browser-Encoder still als Fallback.

Bild komprimieren
Was dieses Tool nicht macht

Was dieses Tool nicht macht

Kein Resize, die Ausgabeabmessungen entsprechen den Eingangsabmessungen, nutze also zuerst das Resize-Tool, wenn du auch die Pixelzahl reduzieren musst. Kein Batch-Upload, ein Bild auf einmal, so vorgesehen. Keine EXIF-Erhaltung, Metadaten werden von libvips und sharp auf Encoder-Ebene entfernt, was ein Datenschutz-Vorteil ist, aber bedeutet, dass eingebettete GPS- und Kameradaten verschwinden. Das Orientierungs-Tag wird vor dem Entfernen gelesen und angewendet, sodass deine Ausgabe weiterhin richtig herum steht. Keine GIF-Animation, nur der erste Frame wird verarbeitet. Kein Zielgrößen-Modus, aber zwei oder drei Regler-Anpassungen mit dem Live-Byte-Zähler treffen jedes Ziel typischerweise innerhalb von 10 Prozent.

So schneidest du ein Foto kreisförmig zu

  1. Bild ablegen oder einfügen

    Ziehe ein JPG, PNG, WebP oder AVIF auf den Upload-Bereich oder klicke zum Durchsuchen. Du kannst auch mit Strg+V oder Cmd+V aus der Zwischenablage einfügen.

  2. Ausgabeformat wählen

    Klicke auf JPG, WebP oder AVIF, um deine Ausgabe festzulegen. WebP ist die Vorgabe und meistens am kleinsten für Fotos im Web.

  3. Qualitätsregler ziehen

    Beobachte den Byte-Zähler, während du den Regler bewegst. Halte an, wenn die Dateigröße klein genug ist und die Vorschau dir noch gefällt.

  4. Auf Herunterladen klicken

    Die Originaldatei wird zur Enkodierung mit sharp und libvips an unseren Server geschickt. Die finale Datei ist typischerweise 10 bis 15 Prozent kleiner als die Vorschau in deinem Browser.

Häufig gestellte Fragen

Wie komprimiere ich Bilder?

Ziehe dein Bild auf die Seite und bewege den Qualitätsregler, bis die Dateigröße im Zähler dein Ziel erreicht. Klicke auf Herunterladen, um das serverseitig enkodierte Ergebnis zu bekommen (enkodiert von sharp und libvips). Der gesamte Ablauf dauert unter einer Minute. Der Download-Button löst ein POST an unseren Komprimierungsdienst aus. Falls der Dienst nicht erreichbar ist, wird stattdessen die im Browser enkodierte Vorschau gespeichert.

Warum JPEG-Bilder komprimieren?

Ein typisches unoptimiertes Handyfoto wiegt 4 bis 6 MB. Bei Qualität 78 ist dasselbe Foto, neu enkodiert von MozJPEG, meist 800 KB bis 1,5 MB groß, klein genug für E-Mail-Anhänge, WhatsApp-Versand und Web-Hero-Bilder ohne erkennbaren Qualitätsverlust. Komprimierte Bilder laden außerdem schneller, was die Core Web Vitals verbessert.

Wie komprimiere ich ein Bild ohne Qualitätsverlust?

Für echte verlustlose Komprimierung wähle PNG als Ausgabeformat. Der PNG-Pfad nutzt pnpngquant zur Palettenoptimierung, was unoptimierte PNGs um 30 bis 50 Prozent ohne wahrnehmbaren Unterschied verkleinern kann. Für verlustbehaftete Formate (JPG, WebP, AVIF) ist Qualität 80 die praktische Schwelle, bei der die meisten Betrachter keinen Unterschied erkennen, auch wenn das Ergebnis vom Bildinhalt abhängt.

Kann ich ein Bild auf eine bestimmte Dateigröße wie 100 KB komprimieren?

Das Tool hat keinen Zielgrößen-Modus, aber eine Zielgröße zu treffen ist mit dem Live-Byte-Zähler einfach. Ziehe den Regler nach unten, bis der Zähler dein Ziel anzeigt, und klicke auf Herunterladen. Zwei oder drei Regler-Anpassungen bringen dich typischerweise innerhalb von 10 Prozent jeder Zielgröße. Wenn du zu weit gehst, ziehe den Regler leicht zurück nach oben.

Welches Format ist am kleinsten: JPG, WebP oder AVIF?

Das hängt vom Bildinhalt ab. Das Tool zeigt alle drei gleichzeitig mit ihren Byte-Zahlen, damit du auf deiner tatsächlichen Datei vergleichen kannst. Als Faustregel: WebP ist typischerweise 25 bis 35 Prozent kleiner als JPG bei gleicher visueller Qualität. AVIF ist typischerweise 40 bis 60 Prozent kleiner als JPG, braucht aber einige Sekunden länger zum Enkodieren.

Reduziert das Komprimieren eines Bildes seine Abmessungen?

Nein. Die Ausgabeabmessungen sind identisch mit den Eingangsabmessungen. Komprimieren ändert nur die Byte-Enkodierung, nicht die Pixelzahl. Wenn du auch die Auflösung verringern musst (zum Beispiel von 4000 px Breite auf 1200 px), nutze zuerst das Resize-Tool und komprimiere anschließend die verkleinerte Datei. Diese Reihenfolge ergibt die kleinste finale Dateigröße.

Die Details

Notizen vom Team zu Handwerk, Formaten und den kleinen Entscheidungen hinter einem guten runden Zuschnitt.

Die zweispurige Architektur erklärt
Die Slider-Vorschau und die Download-Enkodierung sind zwei getrennte Codepfade. Die Vorschau nutzt die native canvas.toBlob-API des Browsers, die synchron auf dem GPU-Compositor-Thread läuft. Jede Bewegung des Reglers löst einen neuen canvas.toBlob-Aufruf mit dem neuen Qualitätswert aus, das Ergebnis wird in eine geteilte Vorschau-Canvas gezeichnet. Das läuft vollständig lokal. Du kannst es verifizieren, indem du die DevTools öffnest, den Netzwerk-Tab nach compress filterst und beobachtest, wie keine Anfragen während der Slider-Interaktion entstehen. Der Download-Button löst einen völlig anderen Codepfad aus. Er postet die Originaldatei (unverändert) an unseren Cloudflare Worker unter /api/compress, der an einen Fastify-Server mit Node 24 und dem sharp-Paket (Apache 2.0 Lizenz) weiterleitet, gestützt auf libvips 8.x (LGPL-3.0). Das enkodierte Ergebnis kommt im Antwort-Body zurück und wird im Download-Ordner des Browsers gespeichert. Zwei Pfade, ein Tool.
Warum die Server-Enkodierung die Browser-Enkodierung schlägt
Der JPEG-Encoder des Browsers nutzt libjpeg oder eine browserspezifische Implementierung, der das Tuning der Chroma-Subsampling-Tabellen von MozJPEG fehlt. MozJPEG, der von libvips für JPEG aufgerufene Codec, wurde 2014 bei Mozilla als kompatibler Ersatz für libjpeg-turbo entwickelt, mit Fokus auf kleinere Dateien bei gleicher wahrgenommener Qualität. In Benchmarks über 50 unterschiedliche Fotos (Tierwelt, Porträts, Produktaufnahmen, Screenshots) lieferten libvips und MozJPEG bei Qualität 78 Dateien, die 10 bis 20 Prozent kleiner waren als Chromes canvas.toBlob beim gleichen Qualitätswert. Bei PNG ist der Unterschied größer: Der Browser nutzt zlib mit Standardkompression, während pnpngquant die Farbpalette auf das nötige Minimum reduziert und unoptimierte PNG-Dateien typischerweise um 30 bis 70 Prozent verkleinert, ohne sichtbaren Qualitätsverlust für das menschliche Auge.
AVIF: was es ist und wann du es nutzen solltest
AVIF basiert auf der Intra-Frame-Vorhersage des AV1-Videocodecs, entwickelt von der Alliance for Open Media. Es erreicht eine bessere Komprimierungseffizienz als JPEG, indem es Pixelwerte über größere Regionen vorhersagt und das Residuum kompakter darstellt. Das praktische Ergebnis: AVIF-Dateien bei Qualität 60 sind oft visuell ununterscheidbar von JPEG-Dateien bei Qualität 80, dabei aber 40 bis 60 Prozent kleiner. Der Preis ist die Enkodier-Zeit: Auf unserem Server braucht ein 8-MP-Foto bei Qualität 60 etwa 3 bis 8 Sekunden mit libaom-av1. Die Browser-Unterstützung ist 2026 stark (Chrome, Firefox, Safari, Edge dekodieren AVIF alle). Das Tool zeigt die AVIF-Bytezahl in Echtzeit neben JPG und WebP, damit du entscheiden kannst, ob die Größenersparnis die kurze Enkodier-Wartezeit für deinen Workflow rechtfertigt.
Qualitätseinstellungen in der Praxis
Der Regler mappt direkt auf den q-Parameter des Encoders für verlustbehaftete Formate. Bei Qualität 80 entspricht die Einstellung dem, was Adobe Photoshop beim JPEG-Export als High kennzeichnet, und ist die Vorgabe der meisten professionellen Workflows. Bei Qualität 60 komprimiert ein durchschnittliches 4-MP-Foto auf etwa 200 bis 400 KB, klein genug für die meisten E-Mail- und Web-Anwendungen, wobei der Detailverlust nur in fein strukturierten Bereichen bei 1:1-Zoom sichtbar ist. Unter Qualität 50 erscheinen blockförmige Komprimierungs-Artefakte auf weichen Verläufen und Hauttönen, auch bei normalem Betrachtungsabstand auf einem Retina-Bildschirm wahrnehmbar. Unter Qualität 30 ist die Ausgabe erkennbar, aber deutlich komprimiert, geeignet nur für Thumbnail-Vorschauen. Der Byte-Zähler über dem Regler zeigt die exakte Ausgabegröße in KB beim Ziehen, keine Schätzung.
Metadaten-Entfernung und warum sie wichtig ist
Beide Spuren entfernen EXIF, GPS und Kameradaten aus der Ausgabe als Standard. Das ist das korrekte Verhalten von libvips und sharp in ihrer Standardkonfiguration, und es hat zwei praktische Effekte. Erstens entfernt es potenziell sensible Standortdaten, die von Smartphone-Kameras eingebettet werden, was ein Datenschutz-Vorteil für öffentlich geteilte Bilder ist. Zweitens reduziert es leicht die Dateigröße (ein typischer EXIF-Block wiegt 10 bis 40 KB). Das visuelle Orientierungs-Tag wird separat behandelt: Das Tool liest das EXIF-Orientierungsfeld vor dem Entfernen und vor-rotiert das Bild, sodass die Ausgabe korrekt ausgerichtet ist. Wenn du Metadaten für forensische, archivarische oder Druck-Workflows erhalten musst, nutze vor dem Komprimieren einen dedizierten Metadaten-Editor und füge sie bei Bedarf nach dem Komprimieren wieder in die Datei ein.
Unterstützte Formate: was hineingeht und was herauskommt
Die Eingabe akzeptiert JPG, PNG, WebP und AVIF in jedem modernen Browser, validiert durch Magic-Byte-Sniff statt nur durch die Dateiendung. GIF wird in Chrome und Firefox akzeptiert, aber nur der erste Frame wird verarbeitet (Animationen bleiben nicht erhalten), animierte GIFs sollten also nicht mit diesem Tool komprimiert werden. HEIC von iPhones funktioniert in Safari, das einen nativen HEIC-Dekoder eingebaut hat, aber Chrome und Firefox dekodieren HEIC nicht nativ. Die Ausgabe kann JPG, PNG, WebP oder AVIF sein, unabhängig vom Eingabeformat, du kannst dieses Tool also auch als einstufigen Konvertier- und Komprimier-Pfad nutzen. Die Server-Spur akzeptiert Dateien bis 25 MB. Dateien über diesem Limit werden stattdessen vom Browser-Fallback-Encoder verarbeitet, ohne dass du den Modus manuell umschalten musst.