Bilder · Anleitung
Bilder komprimieren ohne Qualitätsverlust
Ein 5-MB-Foto auf einer Startseite ist ein Geschwindigkeitsdesaster. Aber es naiv auf 200 KB zu drücken erzeugt hässliche Artefakte. Diese Anleitung führt durch die moderne Werkzeugkiste — Formate, Qualitätseinstellungen, Skalierung — für kleine Dateigrößen ohne sichtbaren Qualitätsverlust.
Regel Nr. 1: Größe ändern vor Kompression
Der größte Gewinn ist, das Bild in Anzeigegröße auszuliefern. Ein 4032×3024-iPhone-Foto in einer 400-px-Karte verschwendet 99% der Pixel. Skalieren Sie auf 2× die Anzeigebreite (800 px für 400 px auf Retina), dann komprimieren.
Wählen Sie das richtige Format
- JPEG — universell, ideal für Fotos, keine Transparenz.
- PNG — verlustfrei, mit Transparenz, riesig für Fotos. Für Screenshots und Logos.
- WebP — 25–35% kleiner als JPEG bei gleicher Qualität, alle modernen Browser.
- AVIF — 50% kleiner als JPEG, beste Qualität-pro-Byte heute.
- SVG — vektorbasiert, winzig für Icons und Logos. Nicht für Fotos.
Qualitätseinstellungen, die funktionieren
Für JPEG ist Qualität 75–85 der Sweet Spot. Qualität 100 speichert Sensorrauschen; niemand sieht den Unterschied. WebP ist toleranter — Qualität 70 in WebP wirkt wie Qualität 85 in JPEG.
Schritt für Schritt im Browser
- Öffnen Sie den Bildkompressor.
- Bilder ablegen. Alles läuft lokal.
- Wenn die Quelle viel größer ist als nötig, zuerst skalieren.
- Zielqualität wählen (starten Sie bei 80 für JPEG/WebP).
- Bei 100% Zoom prüfen — auf Banding und Ringing achten.
- Herunterladen. Bei sauberem Ergebnis Qualität weiter senken.
Was NICHT zu tun ist
- JPEG nicht mit höherer Qualität neu kodieren als das Original.
- Dasselbe JPEG nicht mehrmals komprimieren.
- Kein PNG für Fotos — Dateien werden 3–10× größer.
- Nicht CSS
width/heightnutzen, um ein riesiges Bild zu verstecken.
Erfolg messen
Führen Sie PageSpeed Insights vorher/nachher aus. LCP verbessert sich meist am stärksten.
Probieren Sie diese Tools auf Toolzer
Häufige Fragen
Welches ist das beste Format für Webbilder?+
WebP für Fotos und AVIF, wo unterstützt — beide liefern 25–50% kleinere Dateien als JPEG. PNG nur bei verlustfreier Transparenz; SVG für Logos und Icons.
Wie stark kann ich komprimieren, bevor die Qualität sinkt?+
Für Fotos ist JPEG-Qualität 75–85 der Sweet Spot: kaum sichtbare Artefakte, 50–70% kleiner als Qualität 100. Unter 60 erscheinen Banding und Ringing.
Verlustbehaftet oder verlustfrei?+
Verlustfrei (PNG, WebP-lossless) behält jedes Pixel — Pflicht für Screenshots mit Text und Diagramme. Verlustbehaftet (JPEG, WebP, AVIF) verwirft unmerkliche Details und ist richtig für Fotografien.
Warum ist mein komprimiertes Bild trotzdem riesig?+
Meist weil es viel größer ist als nötig. Ein 4000×3000-Foto, das mit 800 px angezeigt wird, sollte vor der Kompression auf 1600×1200 skaliert werden.
Beeinflusst Kompression das SEO?+
Ja — Core Web Vitals bestrafen langsames LCP, und Bilder sind meist das größte Element. Richtig dimensionierte, moderne Bilder können eine Seite von 'schlecht' auf 'gut' heben.
Ist Online-Kompression sicher?+
Browser-Tools wie Toolzer laden Ihr Bild nie hoch. Server-basierte Tools schon — vermeiden Sie diese für private Inhalte.