Zum Inhalt springen
Lexiik
products

Bildverwaltung: Automatische Größenanpassung, Optimierung und CDN

Zuletzt aktualisiert : 9 février 2026

Bilder machen durchschnittlich 65% des Gewichts einer E-Commerce-Seite aus. Lexiik automatisiert deren Optimierung vollständig: intelligente Größenanpassung, WebP/AVIF-Konvertierung, CDN-Auslieferung und KI-gestützte ALT-Tag-Generierung. Ergebnis: 3x schnellere Seiten ohne Verlust der visuellen Qualität.

Verfügbarkeit

Die Bildoptimierung ist auf allen Tarifen verfügbar, einschließlich des kostenlosen Tarifs. AVIF-Formate und das Premium-CDN (35 Rechenzentren) sind den Pro-Tarifen und höher vorbehalten.

Warum Bilder optimieren?

Nicht optimierte Bilder sind die Hauptursache für Langsamkeit auf E-Commerce-Websites. Sie wirken sich direkt aus auf:

  • Die organische Sichtbarkeit (SEO): Google bestraft langsame Websites seit 2021 (Core Web Vitals)
  • Die Konversionsrate: Jede zusätzliche Sekunde Ladezeit = -7% Konversion (Google-Studie 2023)
  • Die Benutzererfahrung: 53% der Besucher verlassen eine Website, die mehr als 3 Sekunden zum Laden braucht
  • Die Absprungrate: Schwere Bilder = langsame Seiten = Besucher, die sofort abspringen
  • Die Zugänglichkeit: ALT-Tags ermöglichen es sehbehinderten Menschen, den Inhalt von Bildern zu verstehen

Messbare Auswirkungen auf das Geschäft

Eine interne Studie, die zwischen Januar und Dezember 2025 an 150 Lexiik-Shops durchgeführt wurde, zeigt:

KennzahlVor LexiikNach LexiikVerbesserung
Durchschnittliches Gewicht einer Produktseite4,2 MB1,1 MB-74%
Ladezeit (LCP)5,8 Sekunden1,9 Sekunden-67%
Absprungrate58%41%-29%
Konversionsrate1,8%2,4%+33%
PageSpeed Insights Score42/10087/100+107%

Empfehlung

Beginnen Sie mit der Optimierung der Bilder Ihrer meistverkauften Seiten: Diese generieren den meisten Traffic und haben die schnellste Auswirkung auf Ihre Konversionen.

Intelligente und automatische Größenanpassung

Lexiik passt Ihre Bilder automatisch auf die optimalen Abmessungen für jeden Anzeigekontext an, ohne manuellen Eingriff. Schluss mit 4000×3000-Pixel-Bildern, die in 300×200 Pixel angezeigt werden!

Optimale Abmessungen nach Kontext

AnzeigetypLexiik-AbmessungenZielgewicht
Miniaturansicht (Produktliste)300×300 px (2x für Retina)15-30 KB
Produktgalerie (Desktop)1200×1200 px80-150 KB
Produktgalerie (Mobil)800×800 px40-80 KB
Hochauflösender Zoom2400×2400 px (Lazy Loading)200-300 KB
Open Graph (soziale Netzwerke)1200×630 px (Verhältnis 1.91:1)50-100 KB

Responsive Bilder (srcset)

Lexiik generiert automatisch mehrere Versionen jedes Bildes und verwendet das HTML-Attribut srcset, um die richtige Größe je nach Gerät auszuliefern:

<img
  src="https://cdn.lexiik.com/product-123_800w.webp"
  srcset="
    https://cdn.lexiik.com/product-123_300w.webp 300w,
    https://cdn.lexiik.com/product-123_600w.webp 600w,
    https://cdn.lexiik.com/product-123_800w.webp 800w,
    https://cdn.lexiik.com/product-123_1200w.webp 1200w
  "
  sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw"
  alt="Sac à dos de randonnée 40L étanche noir"
  loading="lazy"
/>

Der Browser wählt automatisch die für die Bildschirmgröße passende Version und spart bis zu 70% der Bandbreite auf Mobilgeräten.

Lazy Loading

Lexiik aktiviert automatisch Lazy Loading (verzögertes Laden): Bilder werden nur heruntergeladen, wenn der Benutzer zu ihnen scrollt. Durchschnittliche Ersparnis: -50% der beim Öffnen der Seite geladenen Daten.

Komprimierung und moderne Formate

WebP, AVIF und JPEG: Welches Format wählen?

Lexiik konvertiert Ihre JPEG/PNG-Bilder automatisch in moderne, leichtere und qualitativ hochwertigere Formate. Weitere Informationen zu den technischen Unterschieden finden Sie in unserem WebP vs AVIF-Leitfaden.

FormatGewichtsersparnisBrowser-UnterstützungErforderlicher Tarif
Optimiertes JPEGReferenz (100%)100% (universeller Fallback)Kostenlos
WebP-30% vs JPEG97% (Chrome, Firefox, Edge, Safari 14+)Kostenlos
AVIF-50% vs JPEG89% (Chrome 85+, Firefox 93+, Safari 16+)Pro+

Automatische Konvertierungs-Pipeline

Wenn Sie ein Bild in Ihren Shop hochladen, wendet Lexiik automatisch diese Pipeline an:

  1. Analyse des Quellbildes: Erkennung von Format, Abmessungen, Gewicht, Qualität
  2. Bereinigung der Metadaten: Entfernung unnötiger EXIF-Daten (Geolokalisierung, Kamera usw.)
  3. Intelligente Größenanpassung: Generierung von 4-6 Varianten (300px, 600px, 800px, 1200px, 2400px)
  4. Adaptive Komprimierung: 85% Qualität für Fotos, 100% für Logos/Texte
  5. Multi-Format-Konvertierung: Generierung von JPEG-, WebP- und AVIF-Versionen (bei Pro+-Tarif)
  6. CDN-Upload: Auslieferung über die 35 Lexiik-Rechenzentren (bei Pro+-Tarif)
  7. ALT-Tag-Generierung: Analyse durch Computer Vision und KI-gestützte Texterstellung

Pipeline-Dauer: 2-5 Sekunden pro Bild. Die Verarbeitung erfolgt im Hintergrund, Sie müssen nichts tun.

AVIF Premium

Das AVIF-Format bietet die beste Komprimierung auf dem Markt (-50% vs JPEG) bei gleicher visueller Qualität. Vorbehalten für Pro-, Expert- und Enterprise-Tarife.

Auslieferung über CDN Edge Computing

Nach der Optimierung werden Ihre Bilder über das Lexiik CDN (Content Delivery Network) ausgeliefert, einem Netzwerk von 35 weltweit verteilten Rechenzentren. Weitere Informationen zur technischen Funktionsweise finden Sie in unserem CDN-Leitfaden.

Vorteile des CDN für Bilder

  • Reduzierte Latenz: Das Bild wird vom nächstgelegenen Rechenzentrum zum Besucher ausgeliefert
  • Eingesparte Bandbreite: Ihr Server muss keine Bilder mehr ausliefern (70% weniger Traffic)
  • Maximale Verfügbarkeit: Fällt ein Rechenzentrum aus, leitet das CDN automatisch auf ein anderes um
  • Intelligentes Caching: Populäre Bilder bleiben 30 Tage im Cache
  • On-the-fly-Transformation: Dynamische Größenanpassung über URL-Parameter

On-the-fly-Bildtransformation

Das Lexiik CDN ermöglicht es, Bilder direkt über die URL zu modifizieren, ohne neue Versionen zu speichern:

# Originalbild
https://cdn.lexiik.com/shop-123/product-456.jpg

# Größenanpassung auf 400px Breite (Höhe automatisch)
https://cdn.lexiik.com/shop-123/product-456.jpg?w=400

# Konvertierung in WebP + 80% Qualität
https://cdn.lexiik.com/shop-123/product-456.jpg?format=webp&q=80

# Quadratischer Crop 600×600 + AVIF-Format
https://cdn.lexiik.com/shop-123/product-456.jpg?w=600&h=600&fit=cover&format=avif

Diese Funktion ist besonders nützlich für Entwickler, die Bilder anpassen möchten, ohne Lexiik erneut zu durchlaufen.

Cache-Control

Über das CDN ausgelieferte Bilder haben einen Cache-Control: max-age=2592000 (30 Tage). Wenn Sie ein Bild ändern, ändern Sie seinen Dateinamen, um den Cache-Refresh zu erzwingen.

Automatische ALT-Tag-Generierung durch KI

ALT-Tags (Alternativtext) sind entscheidend für SEO und Zugänglichkeit. Lexiik generiert sie automatisch durch Bildanalyse mittels Computer Vision. Weitere Informationen finden Sie in unserem ALT-Tag-Leitfaden.

Analyse durch Computer Vision

Die Lexiik-KI analysiert jedes Bild und erkennt:

  • Das Hauptmotiv: Produkt, Person, Ort, Objekt
  • Die dominierenden Farben: Schwarz, Rot, mehrfarbig usw.
  • Den Kontext: Innenraum, Außenbereich, Fotostudio, Lifestyle
  • Technische Merkmale: Material, Textur, Form
  • Emotionen: Freudig, elegant, sportlich, luxuriös (semantische Analyse)

Beispiele generierter ALT-Tags

ProdukttypVon Lexiik generierter ALT-Tag
WanderrucksackWasserdichter schwarzer Wanderrucksack 40L mit ergonomischen Trägern
LaufschuheDamen-Laufschuhe in Elektroblau mit dämpfender Sohle
SchreibtischlampeModerne LED-Schreibtischlampe aus schwarzem Metall mit Gelenkarm
SommerkleidLanges Sommerkleid mit roten Blumen und feinen Trägern aus Baumwolle

Anpassung der ALT-Tags

Sie können den Schreibstil der ALT-Tags konfigurieren:

  • Länge: Kurz (5-8 Wörter), Mittel (10-15 Wörter), Lang (15-20 Wörter)
  • Ton: Beschreibend, kommerziell, technisch
  • Prioritäre Schlüsselwörter: Lexiik integriert sie natürlich in die Beschreibung
  • Sprache: Französisch, Englisch, Deutsch, Italienisch, Spanisch, Portugiesisch, Polnisch

Manuelle Validierung empfohlen

Obwohl die KI eine Genauigkeit von 92% erreicht (gemäß unserer internen Benchmarks), empfehlen wir, die ALT-Tags der 10-20 meistverkauften Produkte manuell zu validieren, um eine perfekte Konsistenz zu gewährleisten.

Anwendungsfälle und reale Szenarien

Szenario 1: Migration eines alten Katalogs

Sie haben 2000 Produkte mit nicht optimierten Bildern (5-8 MB Fotos, die direkt von der Kamera hochgeladen wurden):

  1. Erstimport: Lexiik erkennt schwere Bilder und startet automatisch die Optimierung
  2. Massenverarbeitung: 2000 Bilder in 30-45 Minuten optimiert (Parallelisierung auf 8 Workern)
  3. Umschaltung auf CDN: Ihre Produktseiten zeigen nun auf cdn.lexiik.com
  4. ALT-Tag-Generierung: 2000 automatisch generierte Beschreibungen

Ergebnis: Durchschnittliches Seitengewicht durch 4 geteilt, Ladezeit um 70% reduziert, PageSpeed-Score von 35 auf 82 gestiegen.

Szenario 2: Multi-Device-Optimierung

Ihr mobiler Traffic macht 65% Ihrer Besucher aus, aber Ihre Bilder sind für 4G-Verbindungen zu schwer:

  • Lexiik generiert automatisch mobile (800px) und Desktop-Versionen (1200px)
  • Der Server erkennt den Gerätetyp und liefert die richtige Version (über User-Agent oder srcset)
  • Mobile Nutzer laden 60% weniger Daten herunter
  • Die mobile Absprungrate sinkt von 68% auf 44%

Szenario 3: Internationaler Shop (Green SEO)

Sie verkaufen in 15 Ländern. Die Auslieferung von Bildern über einen einzigen Server in Frankreich erzeugt erhebliche Latenz für Besucher in den USA, Australien oder Japan:

  • Das Lexiik CDN (35 Rechenzentren) liefert Bilder automatisch vom nächstgelegenen Punkt aus
  • Durchschnittliche Latenz: 20-40 ms (vs. 300-800 ms ohne CDN)
  • Reduzierung des CO₂-Fußabdrucks: weniger Datenübertragung = weniger CO₂-Emissionen (siehe unseren Green SEO-Leitfaden)

Best Practices und Empfehlungen

Vor dem Upload

  • Konsistente Benennung: Verwenden Sie beschreibende Namen (z.B.: wanderrucksack-schwarz-40l.jpg statt IMG_1234.jpg)
  • Quellformat: Bevorzugen Sie JPEG für Fotos, PNG für Logos/Texte (Lexiik konvertiert dann in WebP/AVIF)
  • Mindestauflösung: 1200×1200 px Minimum für optimale Qualität nach der Größenanpassung
  • Seitenverhältnis: Bevorzugen Sie quadratisches Format (1:1) für die Einheitlichkeit Ihres Katalogs

Während der Optimierung

  • Überwachen Sie die Logs: Wenn mehr als 5% der Bilder fehlschlagen, überprüfen Sie die Quellformate
  • Testen Sie auf Mobilgeräten: Überprüfen Sie, ob die responsiven Versionen korrekt angezeigt werden
  • Validieren Sie die ALT-Tags: Überprüfen Sie manuell 10% der generierten Beschreibungen

Nach der Optimierung

  • PageSpeed Insights Test: Überprüfen Sie die Score-Verbesserung (Ziel: >80/100)
  • Core Web Vitals Monitoring: Verfolgen Sie die Entwicklung des LCP (Largest Contentful Paint)
  • Google Images Indexierung: Reichen Sie Ihre Bild-Sitemaps in der Search Console ein
  • A/B-Testing: Vergleichen Sie Konversionsraten vor und nach der Optimierung

Pro-Tipp

Aktivieren Sie das Vorladen von Bildern (Preload) für Ihre 3 ersten Produkte auf der Homepage: Sie werden vorrangig geladen und verbessern den LCP noch weiter.

ROI und Leistungsgewinne

Berechnung der Einsparungen

Für einen E-Commerce-Shop mit 500 Produkten und 100.000 monatlichen Besuchern:

KennzahlVor LexiikNach Lexiik
Monatliche Bandbreite12 TB3,2 TB (-73%)
Monatliche Hosting-Kosten180€65€ (-115€/Monat)
Konversionsrate1,8%2,4% (+33%)
Zusätzlicher monatlicher Umsatz (Ø Warenkorb 80€)-+4.800€

ROI Lexiik Pro-Tarif (59€/Monat):

  • Hosting-Einsparung: 115€/Monat
  • Zusätzlicher Umsatz: 4.800€/Monat
  • Lexiik-Kosten: -59€/Monat
  • Nettogewinn: +4.856€/Monat (ROI von 8.130%)

SEO-Auswirkungen optimierter Bilder

Laut einer internen Studie, die 2025 an 200 Lexiik-Shops durchgeführt wurde:

  • +52% Traffic aus Google Images nach 3 Monaten Optimierung
  • +38% Positionen in den Top 10 für transaktionale Suchanfragen
  • -41% Absprungrate dank schnellerer Seiten
  • +27% Seiten pro Sitzung (erleichterte Navigation durch Geschwindigkeit)

Bereit, Ihre Bilder automatisch zu optimieren?

Die Bildoptimierung ist auf allen Tarifen verfügbar, einschließlich des kostenlosen Tarifs. AVIF-Formate und das Premium-CDN sind ab dem Pro-Tarif enthalten.

Tarife entdecken →