So nutzt du: Bildkompressor
- Zieh ein oder mehrere Bilder auf das Feld (oder klick, um sie auszuwählen, oder füge einen Screenshot ein). Es wird nichts hochgeladen – die Komprimierung erfolgt in deinem Browser.
- Wähle ein Ausgabeformat aus: Behalte das Original oder konvertiere es in WebP, um das beste Verhältnis zwischen Dateigröße und Qualität zu erzielen.
- Passe die Qualität an (etwa 75–80 reicht für die meisten Fotos aus) und lege optional eine maximale Breite fest – z. B. 1920 px für Hero-Bilder in voller Breite.
- Überprüfe die Einsparungen pro Datei und ziehe den Trennbalken zwischen „vorher“ und „nachher“, um sicherzustellen, dass kein sichtbarer Verlust vorliegt.
- Lade die Dateien einzeln herunter oder klicke auf „Alle herunterladen (ZIP)“.
Was ist ein Bildkompressor?
Ein Bildkompressor kodiert ein Bild neu, sodass die Datei weniger Bytes benötigt, während es (fast) genauso aussieht wie zuvor. Bilder sind in der Regel der schwerste Teil einer Webseite, daher ist ihre Komprimierung eine der schnellsten Möglichkeiten, die Ladezeit und Core Web Vitals wie Largest Contentful Paint (LCP) zu verbessern. Dieses Tool dekodiert jedes Bild, verkleinert es optional und kodiert es anschließend im von dir gewählten Format und mit der gewünschten Qualität neu – und das komplett in deinem Browser mithilfe der Canvas-API, sodass private Fotos niemals einen Server berühren.
So funktioniert die Komprimierung
- JPEG, WebP und AVIF sind verlustbehaftet: Der Qualitätsregler steuert, wie viele feine Details der Encoder weglässt. Eine Reduzierung von 100 auf etwa 80 entfernt in der Regel einen großen Teil der Bytes, ohne dass bei normaler Betrachtungsgröße ein Unterschied sichtbar ist.
- PNG ist verlustfrei, daher hat eine Qualitätseinstellung keine Auswirkung. Stattdessen reduziert das Tool das Bild mithilfe der Median-Cut-Quantisierung mit optionalem Floyd-Steinberg-Dithering auf eine Palette von maximal 256 Farben (8-Bit-PNG) – das gleiche Prinzip, das auch hinter Tools wie pngquant und TinyPNG steckt. Screenshots, Logos und Illustrationen lassen sich auf diese Weise oft um 60–80 % verkleinern, ohne dass die Transparenz verloren geht.
- Die Größenanpassung ist oft der größte Vorteil: Ein 4000-px-Handyfoto, das in einer 800-px-Spalte angezeigt wird, verschwendet den Großteil seiner Pixel. Leg eine maximale Breite/Höhe fest, und das Bild wird mit hochwertigem Resampling verkleinert.
- Metadaten werden entfernt. Bei der Neukodierung fallen EXIF-Daten wie Kameramodell und GPS-Standort weg – gut für den Datenschutz und spart ein paar zusätzliche Kilobyte. Die Ausrichtung wird zuerst angewendet, sodass Hochformatfotos aufrecht bleiben.
Welches Format soll ich wählen?
| Format | Am besten geeignet für | Transparenz | Anmerkungen |
|---|---|---|---|
| WebP | Fotos und Grafiken im Internet | Ja | Wird von allen aktuellen Browsern unterstützt; laut Google sind verlustbehaftete WebP-Dateien 25–34 % kleiner als vergleichbare JPEGs. |
| AVIF | Fotos, bei denen jedes KB zählt | Ja | Oft kleiner als WebP, aber langsamer bei der Kodierung. Wird nur angezeigt, wenn dein Browser das Format kodieren kann. |
| JPEG | Fotos, E-Mails, maximale Kompatibilität | Nein | Transparente Bereiche werden mit der von dir gewählten Farbe gefüllt. |
| PNG | Logos, UI-Screenshots, scharfer Text | Ja | Nutze die Farbreduktion, um viel Geld zu sparen; vermeide PNG für Fotos. |
Tipps für Webbilder
Exportiere Hero-Bilder mit einer Breite, die nicht mehr als etwa das Doppelte ihrer angezeigten Breite beträgt (zum Beispiel 1600–2400 px für ein Banner in voller Breite), verwende WebP mit einer Qualität von 75–82 und stelle immer width und height in deinem HTML, um Layoutverschiebungen zu vermeiden. Benötigst du genaue Abmessungen oder einen Social-Media-Ausschnitt? Nutze den Image Resizer. Bei winzigen Symbolen kannst du durch das Einbetten mit dem „Image to Base64“-Konverter eine Anfrage einsparen. Wenn du mit Webflow arbeitest, beachte, dass es responsive Varianten und WebP für dich generieren kann, aber eine gut komprimierte Quelle lässt sich dennoch schneller hochladen und verarbeiten.
Auch gesucht als: bild komprimieren, bildoptimierer, bildgröße verkleinern, jpeg komprimieren, png komprimieren, alternative zu tinypng, webp-konverter, jpg in webp.
Passende Tools zu: Bildkompressor
- BlurHash- & LQIP-Generator — Lass Bilder sofort erscheinen: Zeige eine unscharfe Vorschau an, während das eigentliche Bild geladen wird.
- OG-Bildgenerator — Erstelle in Sekundenschnelle ein professionelles Vorschaubild für Links auf Facebook, LinkedIn, X, Slack und WhatsApp – wähle eine Vorlage aus, gib deinen Titel ein, füge ein Logo hinzu und lade dann die PNG-Datei sowie die passenden Meta-Tags herunter.
- Page Speed Test — Run Google Lighthouse on any URL for mobile or desktop.
- Image Alt Checker — Audit every image on a page in one table: alt text status, file size, width/height attributes, format and lazy loading — with filters and CSV export.