# Bildkomprimierungs-Analysator

https://rankproof.eu/de/tools/content-image-compression

## Kurze Antwort

Prüfen Sie Bildgewicht, Formate und Einsparungen durch Komprimierung sowie das responsive Markup: srcset, Breite und Höhe und Lazy Loading.

## Was es macht

Prüft bis zu 15 Bilder auf einer Seite auf Format und Dateigröße, markiert alle, die noch als JPEG oder PNG statt als WebP oder AVIF ausgeliefert werden, und schätzt die Byte-Einsparung durch eine Konvertierung zu WebP. Ein zweiter Teil prüft jedes `<img>` auf responsives Markup: ein `srcset`, `width`- und `height`-Attribute, die Layout-Verschiebungen verhindern, Lazy Loading für Bilder außerhalb des sichtbaren Bereichs und moderne Formate.

## Wie es funktioniert

1. Geben Sie eine Seiten-URL ein
2. Wir listen die Bilder der Seite auf und prüfen Format und Größe von bis zu 15
3. Wir schätzen die WebP-Einsparung und prüfen dann jedes `<img>` auf srcset, Dimensionen und Lazy Loading
4. Sie erhalten ein Ergebnis für jeden Teil, mit den schwersten Bildern und denen ohne responsives Markup

## Beispiel-Ein- und Ausgabe

EINGABE

```text
url: https://rankproof.eu/tools
```

AUSGABE

```text
Bildgewicht & -formate
  geprüfte Bilder: 15
  modernes Format (WebP/AVIF): 11 / 15      warn
  Gesamtbildgewicht: 890 KB                 OK (unter 1 MB)
  geschätzte Einsparung als WebP: 64 KB
  größtes: /images/hero-banner.jpg — 210 KB

Responsive Bilder: 18
  mit srcset: 18                            OK
  width & height gesetzt: 18                OK (kein Layout Shift)
  Offscreen-Bilder laden verzögert          OK

1 von 2 Bereichen sieht gut aus
```

## Warum es wichtig ist

Bilder sind oft der schwerste Teil einer Seite und oft ihr Largest-Contentful-Paint-Element. Vollformatige JPEGs an Smartphones zu senden, verschwendet Datenvolumen und verlangsamt diesen Paint, und Bilder ohne width und height lassen das Layout beim Laden springen, was Cumulative Layout Shift verschlechtert.

## Wer es nutzt

- **E-Commerce-Manager**: Prüfen Sie Kategorie- und Produktseiten auf Bilder, die noch als JPEG oder PNG in voller Kameragröße ausgeliefert werden.
- **Content-Manager**: Finden Sie Uploads, bei denen die Größenanpassung übersprungen wurde, sowie Seiten, auf denen Bildern srcset oder Dimensionen fehlen.
- **Performance-Ingenieur**: Schätzen Sie ab, wie viel eine WebP-Konvertierung einsparen würde, bevor Sie sich für eine Bild-Pipeline entscheiden.

## Häufig gestellte Fragen

### Wie viel kann ich sparen?

Der Bericht schätzt die eingesparten Bytes, wenn jedes Bild, das nicht in einem modernen Format vorliegt, in WebP konvertiert wird. Die tatsächliche Einsparung hängt vom Bild und der gewählten Qualitätseinstellung ab.

### Verschlechtert Komprimierung die Bildqualität?

Bei sinnvollen Qualitätseinstellungen sehen moderne Formate für die meisten Menschen gleich aus. Vergleichen Sie vorher und nachher in der Größe, in der das Bild angezeigt wird.

### Was macht ein Bild responsiv?

Ein `srcset` (oder ein `<picture>`-Element), damit der Browser auf kleinen Bildschirmen eine kleinere Datei wählen kann, sowie `width` und `height`, damit Platz reserviert wird, bevor das Bild lädt.

### Sollten Bilder mit Lazy Loading geladen werden?

Bei Bildern außerhalb des sichtbaren Bereichs, ja – fügen Sie `loading="lazy"` hinzu. Laden Sie das Hauptbild oben auf der Seite nicht per Lazy Loading; es ist oft das Largest-Contentful-Paint-Element.

### Sollte ich EXIF-Metadaten entfernen?

Für die Web-Anzeige meist ja – das spart Bytes und entfernt Details wie den GPS-Standort.

## Verwandte Tools in Content-Optimierung

- [Content-Optimierer](https://rankproof.eu/de/tools/content-content-optimizer)
- [Lesbarkeits-Checker](https://rankproof.eu/de/tools/content-readability)
- [Social-Meta-Prüfer](https://rankproof.eu/de/tools/content-social-meta)
- [WebP-Konverter](https://rankproof.eu/de/tools/content-webp-converter)
- [UTM-Builder](https://rankproof.eu/de/tools/content-utm-builder)
- [E-E-A-T-Scorer](https://rankproof.eu/de/tools/content-eeat-scorer)