Durch die Wahl des richtigen Bildformats kann die Seitengröße ohne Qualitätsverlust um 40–60 % reduziert werden. Lassen Sie uns jedes Format analysieren und herausfinden, wann es verwendet werden sollte.
Vergleich der Formate
| Format | Kompression | Transparenz | Animation | Unterstützung |
|---|---|---|---|---|
| JPEG | Verlustbehaftet | NEIN | NEIN | 100 % |
| PNG | Verlustfrei | Ja | APNG | 100 % |
| WebP | Beide | Ja | Ja | 97 %+ |
| AVIF | Beide | Ja | Ja | 92 %+ |
| SVG | Vektor | Ja | Ja | 100 % |
Wann welches Format
JPEG – Fotos und komplexe Bilder
Perfekt für Fotos mit Millionen von Farben. Eine Qualität von 80-85 % ergibt das optimale Qualität-/Größenverhältnis.
PNG ist eine Grafik mit Transparenz
Logos, Icons, Screenshots – alles, was Transparenz oder klare Textränder erfordert.
WebP ist ein universelles modernes Format
25-35 % kleiner als JPEG bei gleicher Qualität. Für die meisten Fälle empfohlen.
SVG ist eine Vektorgrafik
Skaliert ohne Qualitätsverlust. Ideal für Icons, Logos und Illustrationen.
Bildkonvertierung
Verwenden Sie Xuvero-Tools:
- Bildkonverter— Konvertieren zwischen PNG, JPG, WebP
- Bildkompressor— Bilder ohne sichtbaren Qualitätsverlust komprimieren
- Bild-Resizer— Größe des Bildes ändern
Optimierung für SEO
- Faules Laden—
loading="lazy"für Bilder unterhalb des ersten Bildschirms - Alt-Text– Beschreiben Sie, was für Google Bilder dargestellt wird
- Abmessungen– Geben Sie immer Breite und Höhe an, um CLS zu vermeiden
- Quelle– Bereitstellung unterschiedlicher Größen für unterschiedliche Bildschirme
