PNG komprimieren und verkleinern – kostenlos, DSGVO-sicher, ohne Qualitätsverlust
PNG-Dateien um bis zu 90% verkleinern, Alphakanal und Bildqualität vollständig erhalten. Komprimierungsstärke per Live-Slider steuern, ganze Ordner auf einmal verarbeiten und sofort herunterladen – alles im Browser, ohne einen einzigen Byte an einen Server zu übertragen.
PNG ist das Standardformat des modernen Webdesigns. Es wird für Logos, UI-Komponenten, App-Icons, Figma-Exporte, Game-Sprites und jede Grafik mit transparentem Hintergrund eingesetzt. Doch diese Vielseitigkeit hat ihren Preis in Dateigröße: Ein fullscreen-Screenshot oder ein direkt aus Figma exportiertes UI-Asset erreicht leicht 2–5 MB pro Datei. Über eine vollständige Komponentenbibliothek, eine Produkt-Landingpage oder eine Spielasset-Bibliothek multipliziert, entstehen Ladezeiten, die Core-Web-Vitals-Audits scheitern lassen, bevor eine einzige Zeile JavaScript ausgeführt wurde. Behördenportale wie ELSTER, Bewerbungsplattformen wie StepStone und XING sowie deutsche Universitätsimmatrikulationssysteme setzen strenge Dateigrößenbeschränkungen für hochgeladene Bilder durch.
Unser PNG-Komprimierungstool löst dieses Problem direkt – und das DSGVO-konform. Anders als TinyPNG, Squoosh und andere Tools, die Ihre Dateien zur Verarbeitung an Remoteserver übertragen, wird hier jedes Byte Ihres PNGs ausschließlich im Browser mithilfe der Canvas API von HTML5 komprimiert – ohne Upload, ohne Cloud-Warteschlange, ohne Datenschutzrisiko. Kein einziges Byte Ihrer Bilder verlässt Ihr Gerät. Das Ergebnis ist sofort verfügbar: Dateien hineinziehen, den Qualitätsregler auf das ideale Verhältnis zwischen Gewicht und Bildqualität einstellen und ein PNG herunterladen, das erheblich kleiner, visuell aber vom Original nicht zu unterscheiden ist. Pixelmaße bleiben unverändert. Transparenz bleibt erhalten. Nur die Dateigröße sinkt.
PNG-Dateien komprimieren: drei Schritte
- 1
Schritt 1 – PNG-Dateien ablegen oder auswählen
Ziehen Sie eine oder mehrere PNG-Dateien direkt in die Upload-Zone, oder klicken Sie auf 'PNG hochladen', um den Datei-Dialog zu öffnen. Der Stapelmodus wird vollständig unterstützt: Wählen Sie einen ganzen Ordner mit Figma-Exporten, Game-Sprites oder Produktbildern aus und laden Sie alles auf einmal. Die Dateien werden lokal über die File API des Browsers gelesen – sie verlassen Ihr Gerät zu keinem Zeitpunkt im Prozess.
- 2
Schritt 2 – Qualität mit dem Live-Regler einstellen
Verwenden Sie den Qualitätsschieberegler (10% bis 100%), um die Komprimierungsintensität zu steuern. Das Side-by-side-Vorschaufenster aktualisiert sich bei jeder Reglerverschiebung in Echtzeit und zeigt sowohl das visuelle Ergebnis als auch die genaue neue Dateigröße in KB oder MB an – bevor Sie den Download bestätigen. Für die meisten Web-Assets und UI-Komponenten liefert der Bereich 60–80% visuell verlustfreie Ergebnisse bei einer Dateigrößenreduzierung von 50–75%. Für Avatare, Thumbnails oder dekorative Hintergründe, bei denen eine aggressivere Komprimierung akzeptabel ist, kann ein Wert unter 40% zu über 80% Größenreduktion führen.
- 3
Schritt 3 – Optimierte PNGs herunterladen
Wenn Sie mit der Vorschau zufrieden sind, klicken Sie auf 'Herunterladen' für eine einzelne Datei oder auf 'Als ZIP herunterladen', um alle Batch-komprimierten PNGs in einem einzigen Archiv zu erhalten. Kein Wasserzeichen, kein Abonnement, kein Konto erforderlich, keine versteckten Größenbeschränkungen. Die komprimierte Datei wird vollständig im Arbeitsspeicher des Browsers generiert und direkt auf Ihr Gerät übertragen.
Warum die PNG-Dateigröße wichtiger ist als gedacht
Googles Lighthouse und das Core-Web-Vitals-Framework bewerten Seiten teilweise nach Largest Contentful Paint (LCP) und Total Blocking Time – beide werden stark vom Bildlastengewicht beeinflusst. Ein einzelnes Hauptbanner oder ein UI-Screenshot, der als unkomprimiertes 3-MB-PNG ausgeliefert wird, kann die Performance-Bewertung allein von Grün auf Rot drücken. Googles eigene Prüfung 'Bilder in richtiger Größe verwenden' markiert jedes Bild, das um mehr als 4 KB reduziert werden könnte. In der Praxis betrifft das nahezu alle Assets, die direkt aus Figma oder Sketch exportiert werden. PNG-Dateien zu komprimieren ist kein optionales Extra; für Websites, die um organischen Traffic konkurrieren, ist es Voraussetzung.
Jenseits von SEO gibt es die praktische Realität von Upload-Beschränkungen auf Plattformen. Das ELSTER-Steuerportal und Behördenformulare setzen strenge Obergrenzen für angehängte Bilddateien. Bewerbungsunterlagen für StepStone, XING und deutsche Hochschulbewerbungsportale haben Empfehlungen für Bildgrößen. Online-Händler auf Otto.de, Zalando-Partnerplattformen oder in WooCommerce-Shops haben eigene Anforderungen an Produktbilder. Wenn ein Formular oder ein CMS den Fehler 'Datei zu groß' zurückgibt, ist die Lösung nicht, mit schlechterer Kamera aufzunehmen – sondern das PNG durch einen Kompressor zu verkleinern und sein Byte-Gewicht zu reduzieren, ohne die Pixelmaße zu verändern.
Typische Anwendungsfälle für PNG-Komprimierung:
- 🏛️ DSGVO-konforme PNG-Komprimierung für ELSTER-Anhänge und Behördenformulare – kein Server-Upload, alles bleibt lokal im Browser
- 💼 PNG-Profilfotos und Portfolio-Dateien für StepStone, XING und LinkedIn-Bewerbungen verkleinern
- 🎓 Bewerbungsunterlagen als PNG für deutsche Universitäten und Hochschulen auf zulässige Dateigrößen reduzieren
- 🛒 Transparente Produkt-PNGs für Otto.de, Zalando-Partnerverkauf und WooCommerce-Shops optimieren, um Ladezeiten zu verbessern
- 🖥️ Figma- und Adobe-XD-Exporte für Lighthouse-Performance-Budgets komprimieren, bevor das Deployment erfolgt
Qualitätseinstellungen im Überblick: Welche Stufe ist die richtige?
| Range | Quality | Best For |
|---|---|---|
| 10–30% | Maximale Komprimierung | Platzhalter-Thumbnails, Low-Fidelity-UI-Mockups, interne Prototypen und dekorative PNG-Hintergründe, bei denen keine Pixelgenauigkeit erforderlich ist |
| 40–60% | Ausgewogene Komprimierung (Empfohlen) | Website-Hero-Bilder, Produkt-PNGs mit transparentem Hintergrund, Blog-Grafiken, aus Figma exportierte UI-Screenshots und allgemeine Web-Veröffentlichungen |
| 70–85% | Hohe Qualität | Portfolio-Bilder, hochwertige E-Commerce-Produkt-PNGs, digitale Marketing-Banner, Spielkunst-Assets und App-Store-Screenshots |
| 90–100% | Nahezu verlustfrei / nur Metadaten-Entfernung |
Warum dieser PNG-Kompressor besser ist als die Alternativen
Transparenz und Alphakanal bleiben vollständig erhalten
Dies ist die wichtigste technische Garantie, die Sie verstehen sollten, bevor Sie ein PNG mit Transparenz komprimieren. Unser Tool bewahrt die vollständige RGBA-Pixelstruktur explizit durch die gesamte browserseitige Komprimierungs-Pipeline. Wenn Ihr PNG auf einem HTML5-Canvas-Element zur Verarbeitung gerendert wird, konfigurieren wir den 2D-Kontext so, dass prämultiplizierte Alpha-Werte beibehalten werden, ohne sie über eine Hintergrundfarbe zu compositen. Alphakanal-Daten – ob vollständig transparenter Ausschnitt, weicher halbtransparenter Schatten, radiales Gradientausblenden oder komplexe, variabel opake Maske – überstehen Quantisierung und Neu-Encoding unverändert. Was die Vorschau zeigt, erhalten Sie beim Download.
Kein Server-Upload – 100% DSGVO-konform, Ihre PNGs bleiben lokal
TinyPNG, Squoosh und iLoveIMG leiten Ihre Dateien über Remote-Server. Das ist nicht nur ein Performance-Flaschenhals – es ist ein Datenschutzrisiko, das im deutschen Kontext besonders schwer wiegt. Interne UI-Screenshots, noch nicht veröffentlichte Produktdesigns, medizinische Bildexporte oder persönliche PNG-Fotos sollten niemals einem Drittanbieter-Server übergeben werden. Unser Kompressor führt den gesamten Prozess innerhalb des Browser-Tabs mithilfe der Canvas API von HTML5 und JavaScript aus. Öffnen Sie den Netzwerk-Tab in den DevTools und starten Sie eine Komprimierung – Sie werden exakt null HTTP-Anfragen sehen, die Ihre Dateidaten enthalten. Das Tool kann Ihre Dateien strukturell nicht empfangen, da es keine Server-seitige Komponente hat.
Live-Vorschau – Ergebnis sehen, bevor Sie herunterladen
Die meisten PNG-Kompressoren funktionieren wie Black Boxes: Sie laden hoch, es wird verarbeitet, Sie laden herunter – und stellen erst dann fest, dass die Qualität nicht passt. Unser Echtzeit-Vorschaufenster zeigt das komprimierte Ergebnis live, während Sie den Qualitätsschieberegler bewegen, mit gleichzeitiger Aktualisierung der neuen Dateigröße in KB oder MB. Sie treffen eine informierte Entscheidung, bevor ein einziges Byte heruntergeladen wurde. Das ist besonders wertvoll bei PNGs mit Transparenz, wo Komprimierungsartefakte an teiltransparenten Kanten auftreten können, die nicht offensichtlich sind, bis das Bild über einem farbigen Hintergrund gerendert wird.
Stapelverarbeitung mit individueller Steuerung pro Datei
Laden Sie einen ganzen Ordner PNGs mit einem einzigen Drag-and-Drop. Wenden Sie eine globale Qualitätseinstellung für alle Dateien gleichzeitig mit einer einzigen Schiebereglerbewegung an – ideal für die Komprimierung eines vollständigen Figma-Komponentenexports oder eines Game-Sprite-Ordners in einem Durchgang. Oder klappen Sie einzelne Dateien in der Warteschlange auf und weisen Sie ihnen eine abweichende Qualitätseinstellung zu. Wenn alles bereit ist, klicken Sie auf 'Als ZIP herunterladen' und erhalten alle komprimierten PNGs in einem Archiv mit beibehaltenen Originaldateinamen.
Technischer Hintergrund: Wie PNG-Komprimierung im Browser funktioniert
PNG (Portable Network Graphics) ist ein verlustfreies Rasterformat, das DEFLATE-Komprimierung – eine Kombination aus LZ77 und Huffman-Codierung – auf gefilterte Pixeldaten-Zeilen anwendet. In seiner nativen Form wird PNG-Komprimierung bereits bei der Datei-Encodierung angewendet; ein 'unkomprimiertes PNG' existiert auf der Festplatte nicht. Der entscheidende Einblick, der eine weitere Größenreduzierung ermöglicht, ist folgender: Die verlustfreie PNG-Komprimierung bewahrt jeden Pixelwert exakt, aber viele dieser Werte sind für das menschliche Sehsystem redundant oder nicht wahrnehmbar. Durch intelligentes Farbquantisieren – die Reduzierung der Anzahl eindeutiger RGBA-Werte im Bild – erstellen wir eine neue Version mit einer erheblich einfacheren Datenstruktur, die DEFLATE weit effizienter komprimieren kann. Deshalb erzeugt der Qualitätsschieberegler große Dateigrößenreduzierungen, ohne das Bild visuell erkennbar zu verschlechtern: Farben werden subtil neu zugewiesen, aber das menschliche Auge kann 16,7 Millionen Farben ohnehin nicht unterscheiden.
Der Alphakanal – das 'A' in RGBA – erhält explizit spezielle Behandlung durch die gesamte Komprimierungs-Pipeline. Wenn das Bild auf einem HTML5-Canvas-Element gerendert wird, verwenden wir den 2D-Rendering-Kontext mit einer Konfiguration, die prämultiplizierte Alpha-Werte beibehält, ohne sie über eine Hintergrundfarbe zu compositen. Der `getImageData()`-Aufruf ruft rohe RGBA-Pixeldaten ab, einschließlich aller Transparenzwerte von 0 (vollständig transparent) bis 255 (vollständig undurchsichtig), und diese Daten werden durch Quantisierungsroutinen geleitet, die den Alphakanal als erstklassige Dimension behandeln. Der Export über `canvas.toBlob()` codiert die quantisierten Pixeldaten dann zurück in eine gültige PNG-Datei, mit dem Alphakanal vollständig intakt. Diese End-to-End-Alphakanal-Erhaltung macht unser Tool sicher für Logos, UI-Komponenten und jede Grafik, die über dynamische oder unbekannte Hintergründe composited wird.
Für die Leistung wird die Komprimierungs-Arbeitslast an einen Web Worker ausgelagert, wenn verfügbar, was verhindert, dass der Hauptthread des Browsers während der Verarbeitung großer oder zahlreicher Dateien einfriert. Für einen 4K-PNG-Screenshot – ca. 8 Millionen Pixel × 4 Kanäle = 32 MB rohe Pixeldaten – ermöglicht diese Architektur, dass die Benutzeroberfläche während des 1–3 Sekunden Verarbeitungsfensters vollständig reaktionsfähig bleibt. Das resultierende komprimierte Blob wird nur im Browser-Arbeitsspeicher gehalten und dem Benutzer über einen programmatischen Anker-Link-Klick als Download übergeben. Dieses Muster erzeugt exakt null ausgehende Netzwerkanfragen. Es gibt kein CDN, keinen API-Endpunkt, keinen Analytics-Ping. Der vollständige Datenlebenszyklus beginnt und ends im Browser-Tab.