Bildoptimierung fuer E-Commerce: Leitfaden fuer Stapelverarbeitung

Warum Bildoptimierung im E-Commerce entscheidend ist

Bilder machen typischerweise 50-70 % des Gesamtgewichts einer E-Commerce-Seite aus. Wenn ein potenzieller Kunde laenger als 3 Sekunden auf das Laden einer Produktseite wartet, steigt die Absprungwahrscheinlichkeit um 32 %.

Google nutzt die Core Web Vitals als Ranking-Kriterium, und der Largest Contentful Paint (LCP) ist fast immer ein Produktbild.

Empfohlene Formate

• Produktfotos: WebP mit JPG-Fallback. WebP bietet 25-35 % bessere Kompression als JPG.
• Logos und Icons: SVG wenn moeglich. PNG fuer Bitmap-Logos mit Transparenz.
• Banner und Heroes: WebP oder AVIF fuer minimales Gewicht.
• Katalog-Miniaturansichten: JPG bei 80 % oder WebP bei 75 %.

Ideale Abmessungen

• Hauptproduktbild: 1000-1200 px breit
• Katalog-Miniaturansichten: 300-400 px breit
• Variantenbilder: 600-800 px breit

Stapelkompression

Unser Massen-Bildkompressor verarbeitet mehrere Bilder gleichzeitig im Browser.

Auswirkung auf SEO und Core Web Vitals

• LCP: Ziel unter 2,5 Sekunden. Komprimieren und als WebP ausliefern.
• CLS: Immer width und height auf <img>-Tags setzen.
• Lazy Loading: loading="lazy" fuer Bilder unterhalb des sichtbaren Bereichs.

Optimierungs-Checkliste

WebP mit JPG-Fallback, Kompressionsqualitaet 75-85 %, angemessene Abmessungen, width/height-Attribute, Lazy Loading, beschreibende Alt-Texte. Starten Sie mit unserem Massen-Bildkompressor.