Bilder komprimieren ohne sichtbaren Qualitätsverlust
JPEG, PNG und WebP fürs Web verkleinern — Qualitätsvorgaben passend zu Hero-Bildern, Produktfotos, Thumbnails oder E-Mail-Anhängen.
Weitere Utilities, die gut zu dieser Anleitung passen:
Warum das wichtig ist
Das Hero-Bild der Startseite wiegt 4,2 MB. Lighthouse-Streuungen fallen durch den Keller. Mobilnutzer auf 4G sehen zwei Sekunden ein graues Rechteck. Auf 320 KB bei 80 % Qualität komprimieren — für das Auge oft gleich — und Largest Contentful Paint sinkt um ~1,6 s. Diese Zeit korreliert messbar mit Conversion. Bildkompression ist einer der günstigsten Performance-Hebel; ein privacy-first Browser-Tool lädt keine Kundenfotos zu einem SaaS hoch.
Drei echte Szenarien
Alle ablegen, 80 % Qualität + WebP, ZIP laden, auf CDN schieben.
LCP unter 2 s
Größe + Kompression in einem Durchgang — Produktkarten mobil flüssig.
Einheitliche, schnelle Listen
25 Fotos auf ~200 KB je Stück — Gesamt unter 25 MB.
Unter Gmail-Obergrenze
Schritt für Schritt
Öffnen Sie den Bildkompressor.
Eine oder viele Dateien ablegen
JPEG, PNG, WebP. Mehrfachmodus parallel.
Zielformat
WebP fürs Web (kleinster Fußabdruck), JPEG für Mail und Legacy, PNG für Screenshots/Logos mit Transparenz.
Qualität
50 = aggressiv (sichtbare Artefakte), 75 = guter Default, 90 = nahezu verlustfrei. Schieben und Dateigröße beobachten.
Optional beim Export verkleinern
Längste Kante z. B. 1600 px oder 800 px — Landing-Fotos oft 1600 px ausreichend.
Einzeldatei oder ZIP
Einzeln normaler Download — mehrere als ZIP.
Original
hero.jpg — 4,210 KB
3840 × 2160 pxWebP @ 80%
hero.webp — 318 KB (-92%)
3840 × 2160 px (unchanged)
SSIM 0.984 (perceptually identical)
Profi-Tipps
- WebP in 95 %+ der Browser. AVIF noch ~30 % besser, aber langsamer zu encodieren und nicht überall — AVIF nur wenn Encode-Zeit egal ist.
- Nicht doppelkomprimieren. Bereits starkes JPEG erneut bei 75 % speichern verschärft Artefakte — immer vom Original starten.
- Metadaten für öffentliche Bilder streifen. EXIF kann GPS vom Handy enthalten — Kompressor entfernt standardmäßig.
- Screenshots mit scharfem Text: vor Verkleinerung komprimieren — Artefakte vergrößern sich beim Hochskalieren schlimmer.
Typische Stolpersteine
Stolperstein
Ausgabe größer als Eingabe
Quelle schon stark komprimiert oder höhere Qualität als Original eingestellt — Qualität unter die Quelle senken.
Stolperstein
Transparenz wird zu hässlichen Halos
JPEG kennt keine Transparenz — PNGs mit Alpha als WebP oder PNG exportieren, nicht JPEG.
Stolperstein
Tab friert bei 100-MB-Foto ein
Web Worker hilft, aber Tabs haben Speicherbudget — große Dateien 4–5 Stück, nicht das ganze Album auf einmal.
Wann dieses Tool nicht passt
- Vektor (SVG, AI) — Raster-Kompression nicht der Hebel; SVGO oder SVG zu PNG für Rasterziele.
- Verlustfreie Archiv-Masters — Originale in PNG/RAW behalten, nur Exporte komprimieren.
- Programmatische Build-Pipelines —
imagemin,sharp,vipsin CI/CD besser integriert.
FAQ
Werden Bilder auf einen Server geladen?
Nein — Kompression im Browser mit Canvas und eingebautem WebP-Encoder. Nichts verlässt die Seite.
Unterschied WebP vs. AVIF?
AVIF ~30 % kleiner bei gleicher Qualität, Encode ~10× langsamer. WebP guter Default; AVIF für statische Assets ohne Zeitdruck beim Encodieren.
Nur skalieren ohne Komprimieren?
Ja — Qualität 100 und nur Resize-Schritt anwenden.
Nächste Schritte
- Legacy-Formate mit dem Bildkonverter modernisieren.
- Persönliche Metadaten vor Teilen mit dem EXIF-Editor entfernen.
- Marken-Wasserzeichen vor Veröffentlichung mit dem Bild-Wasserzeichen.