Bildkomprimierungs-Analysator
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.
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.
Wie es funktioniert
-
Geben Sie eine Seiten-URL ein
-
Wir listen die Bilder der Seite auf und prüfen Format und Größe von bis zu 15
-
Wir schätzen die WebP-Einsparung und prüfen dann jedes `<img>` auf srcset, Dimensionen und Lazy Loading
-
Sie erhalten ein Ergebnis für jeden Teil, mit den schwersten Bildern und denen ohne responsives Markup
Beispiel-Ein- und Ausgabe
url: https://rankproof.eu/tools
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
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.