StartseiteArtikel ToolsÜber uns SupportAbonnieren

// Kostenloses Online-Tool

Bilder für das Web optimieren

Bilder in WebP konvertieren, auf die richtige Qualität komprimieren und auf Anzeigengröße skalieren. Schnellere Bilder führen zu besseren Core Web Vitals, höheren SEO-Rankings und geringeren Absprungraten. Kostenlos, sofort, privat.

Warum Bildoptimierung für Websites wichtig ist

Bilder sind in der Regel die größten Assets auf jeder Webseite und machen durchschnittlich 60–70 % des gesamten Seitengewichts aus. Unoptimierte Bilder sind die häufigste Ursache für langsame Ladezeiten, was sich direkt auf folgende Faktoren auswirkt: Absprungrate (53 % der mobilen Nutzer verlassen Seiten, die mehr als 3 s zum Laden benötigen), Core Web Vitals (insbesondere LCP – Largest Contentful Paint) und Google‑Suchrankings (Seitengeschwindigkeit ist ein bestätigter Rankingfaktor).

Checkliste zur Web‑Bildoptimierung

  1. Verwende das WebP‑Format - 25–35 % kleiner als JPEG bei gleicher Qualität. Alle modernen Browser unterstützen es.
  2. Qualität auf 75–85 setzen - Unmerklicher Qualitätsunterschied zu 100 bei üblichen Web‑Ansichtsgrößen.
  3. Auf Anzeigengröße skalieren - Liefere niemals ein 4000 px Bild in einer 800 px Spalte. Skaliere zuerst.
  4. Verwende responsive Bilder - Füge srcset hinzu, um unterschiedliche Größen für verschiedene Bildschirmbreiten bereitzustellen.
  5. Füge loading="lazy" - Verzögere das Laden von Bildschirmen außerhalb des Sichtfeldes, um die anfängliche Ladezeit zu beschleunigen.
  6. Setze explizite Breite/Höhe hinzu – verhindert Layoutverschiebungen (verbessert den CLS‑Score).

Empfohlene Einstellungen für die Web‑Optimierung

Für die meisten Web‑Bilder: WebP‑Format, Qualität 80, auf die tatsächliche Anzeigebreite skalieren. Für Hero‑Bilder: Qualität 85 und maximal 1920 px breit. Für Thumbnails: Qualität 75, 400–800 px breit. Für Produktbilder: Qualität 85, 800–1200 px quadratisch.

Häufig gestellte Fragen

Image optimization typically delivers the largest single improvement to page load time. Reducing a page's total image weight from 5 MB to 500 KB cuts image loading time by 90% on a typical connection. This can move LCP from 4+ seconds to under 2.5 seconds - the threshold for a "Good" Core Web Vitals score - improving both user experience and search rankings.
WebP is the recommended format for most websites. It achieves 25–35% smaller files than JPEG at equivalent quality and is supported by 97% of browsers. For advanced optimization, use AVIF as primary with WebP as fallback - AVIF is 20% smaller than WebP but has 93% browser support. Implement both via the HTML <picture> element.
Yes, directly. Google's Core Web Vitals include LCP (Largest Contentful Paint), which measures how long the largest image on the page takes to load. A poor LCP score (above 4 seconds) is a confirmed Google ranking signal. Image optimization is the fastest and most impactful way to improve LCP. Google's PageSpeed Insights will specifically flag unoptimized images as "opportunities."
Before - always. While some CMS platforms (WordPress with plugins, Shopify) offer automatic image optimization, the best approach is to pre-optimize before upload. This ensures your CDN and page source always serve optimized images regardless of plugin configuration, and avoids the processing overhead of on-the-fly optimization.