So optimierst du Bilder für E-Commerce-Produktseiten | Bulk Image Compressor
Produktbilder verkaufen Dinge. Wenn ein Käufer die Details nicht klar sehen kann, kauft er nicht. Aber wenn deine Bilder zu groß sind und deine Seiten langsam laden, gehen sie, bevor die Bilder überhaupt fertig geladen sind. Die richtige Balance zu finden, ist eines der praktischsten Dinge, die du für einen Online-Shop tun kannst.
Die gute Nachricht ist, dass du nicht zwischen Qualität und Geschwindigkeit wählen musst. Mit den richtigen Komprimierungseinstellungen und Formaten können deine Produktfotos auf dem Bildschirm scharf aussehen und gleichzeitig auf jedem Gerät schnell laden.
Warum die Produktbildgröße wichtig ist
Eine typische Produktseite hat zwischen 4 und 8 Bildern: das Hauptfoto, ein paar Perspektiven, vielleicht ein Detailfoto und ein Lifestyle-Bild, das das Produkt in Gebrauch zeigt. Wenn jedes davon eine unkomprimierte 4 MB Datei von deinem Fotografen ist, sind das 16 bis 32 MB Bilder pro Seite.
Langsame Produktseiten schaden direkt den Verkäufen. Eine Studie von Deloitte ergab, dass eine Verbesserung der mobilen Seitengeschwindigkeit um 0,1 Sekunden zu einem Anstieg der Konversionen um 8,4 % für Einzelhandelsseiten führte. Der größte Faktor für die Seitengeschwindigkeit im E-Commerce sind fast immer Bilder.
Es gibt auch den mobilen Faktor. Die meisten Online-Einkäufe finden auf Telefonen statt. Deine Produktbilder müssen schnell über Mobilfunkverbindungen laden, nicht nur über schnelles WLAN.
Aufnahmen mit weißem Hintergrund vs. Lifestyle-Fotos
Diese beiden Arten von Produktbildern haben unterschiedliche Komprimierungseigenschaften.
Produktaufnahmen mit weißem Hintergrund sind das, was du auf Amazon, eBay und den meisten Produktlistungsseiten siehst. Sie haben typischerweise einen sauberen weißen Hintergrund mit dem Produkt in der Mitte. Diese Bilder komprimieren sehr gut, weil große Bereiche mit reinem Weiß sehr wenig Daten benötigen. Du kannst sie oft mit 75 bis 80 % JPEG-Qualität komprimieren und siehst fast keinen Unterschied.
Lifestyle-Fotos zeigen Produkte in realen Umgebungen. Eine Kaffeetasse auf einer Küchentheke, eine Jacke an einem Model im Freien, Schuhe auf einem Stadtgehsteig. Diese Bilder haben mehr visuelle Komplexität mit unterschiedlichen Hintergründen, Texturen und Beleuchtung. Sie benötigen etwas höhere Qualitätseinstellungen, etwa 80 bis 85 %, um Details zu erhalten.
Beide Typen können erheblich kleiner als die Originale sein. Eine 5 MB Produktaufnahme mit weißem Hintergrund komprimiert typischerweise auf 200 bis 400 KB. Ein 6 MB Lifestyle-Foto komprimiert auf 300 bis 600 KB.
Plattformanforderungen und -empfehlungen
Verschiedene E-Commerce-Plattformen haben ihre eigenen Bildrichtlinien. Hier sind die Spezifikationen für die wichtigsten:
Shopify empfiehlt Bilder mit 2048 x 2048 Pixeln. Die maximale Dateigröße beträgt 20 MB, aber sie empfehlen dringend, die Bilder weit darunter zu halten. Shopify führt eine automatische Komprimierung durch und liefert WebP aus, wenn der Browser es unterstützt, aber mit bereits optimierten Bildern zu beginnen, liefert bessere Ergebnisse.
WooCommerce erzwingt keine strengen Limits, da es auf deinem eigenen Hosting läuft. Das bedeutet, dass die Bildoptimierung vollständig in deiner Verantwortung liegt. Die Standard-Thumbnail-Größen sind 600 x 600 für den Katalog und die volle Bildgröße für die Produktseite. Du solltest vor dem Hochladen skalieren und komprimieren.
Amazon verlangt mindestens 1000 Pixel auf der längsten Seite (für die Zoom-Funktion) und empfiehlt 2000 Pixel. Die maximale Dateigröße beträgt 10 MB. Das Hauptbild muss einen rein weißen Hintergrund haben (RGB 255, 255, 255). Amazon komprimiert Bilder auf ihrer Seite, aber das Hochladen bereits optimierter Bilder gibt dir mehr Kontrolle über das Endergebnis.
Etsy empfiehlt 2000 Pixel auf der kürzesten Seite. Sie akzeptieren Dateien bis zu 1 MB. Da Etsys Limit relativ klein ist, musst du fast sicher vor dem Hochladen komprimieren.
Empfohlene Abmessungen und Dateigrößen
Für die meisten E-Commerce-Plattformen hier ein praktisches Ziel:
| Bildtyp | Abmessungen | Ziel-Dateigröße |
|---|---|---|
| Hauptproduktfoto | 2000 x 2000px | 200 bis 400 KB |
| Alternative Perspektiven | 2000 x 2000px | 200 bis 400 KB |
| Detail-/Zoomfoto | 2000 x 2000px | 250 bis 500 KB |
| Lifestyle-Foto | 2000 x 1333px | 300 bis 600 KB |
| Thumbnail | 600 x 600px | 30 bis 60 KB |
Diese Größen geben dir genug Auflösung für Zoom-Funktionen, während die Seiten schnell bleiben. Die gesamte Bildladung pro Produktseite sollte idealerweise unter 2 MB bleiben.
Das richtige Format wählen
JPEG ist der Standard für Produktfotografie. Es verarbeitet Fotos gut und wird überall unterstützt. Verwende es als Standard.
WebP bietet etwa 25 bis 35 % bessere Komprimierung als JPEG bei gleicher visueller Qualität. Wenn deine Plattform es unterstützt (Shopify tut es automatisch, WooCommerce benötigt ein Plugin), ist WebP ein solides Upgrade. Für einen tieferen Vergleich der Formate lies unseren JPEG-vs-PNG-vs-WebP-Leitfaden.
PNG wird nur benötigt, wenn deine Produktbilder Transparenz erfordern. Wenn du zum Beispiel Artikel verkaufst, die ohne Hintergrund gezeigt werden müssen, bewahrt PNG diese Transparenz. Ansonsten vermeide PNG für Produktfotos, da die Dateigrößen viel größer sind.
Batch-Verarbeitung für Produktkataloge
Wenn du einen Shop mit Dutzenden oder Hunderten von Produkten hast, ist das Komprimieren von Bildern einzeln nicht realistisch. Ein Produktkatalog mit 200 Artikeln und 5 Bildern pro Artikel bedeutet 1.000 zu verarbeitende Bilder.
Hier spart die Batch-Kompression Stunden. Mit Bulk Image Compressor kannst du einen ganzen Ordner mit Produktbildern hineinwerfen und sie alle auf einmal komprimieren. Alles läuft in deinem Browser, sodass deine Produktfotos nie auf einen externen Server hochgeladen werden. Das ist wichtig, wenn du mit unveröffentlichten Produkten oder Bildern arbeitest, die du vor dem Start nicht teilen möchtest.
Hier ist ein Workflow, der für Produktkataloge gut funktioniert:
-
Zuerst skalieren. Bringe alle deine Bilder auf die richtigen Abmessungen (2000 x 2000px für die meisten Plattformen). Sende keine 6000px Bilder durch die Komprimierung, wenn sie nur mit 2000px angezeigt werden.
-
Nach Typ trennen. Lege Aufnahmen mit weißem Hintergrund in einen Stapel und Lifestyle-Fotos in einen anderen. So kannst du für jede Gruppe unterschiedliche Qualitätseinstellungen verwenden.
-
Aufnahmen mit weißem Hintergrund mit 75 bis 80 % Qualität komprimieren. Die sauberen Hintergründe komprimieren bei niedrigeren Einstellungen effizient.
-
Lifestyle-Fotos mit 80 bis 85 % Qualität komprimieren. Die zusätzlichen Details in diesen Bildern profitieren von einer etwas höheren Qualität.
-
Einige Ergebnisse stichprobenartig überprüfen. Öffne eine Handvoll komprimierter Bilder und vergleiche sie mit den Originalen. Stelle sicher, dass Text auf Verpackungen noch lesbar ist und Produktdetails klar sind. Mehr dazu findest du in unserem Leitfaden Dateigröße reduzieren ohne Qualitätsverlust.
-
Auf deine Plattform hochladen. Ersetze die Originale durch die komprimierten Versionen.
Die Auswirkung auf dein Endergebnis
Schnellere Produktseiten bedeuten mehr Verkäufe. So direkt ist das. Wenn ein Käufer von einem Suchergebnis oder einer Anzeige auf dein Produkt klickt, hast du etwa zwei bis drei Sekunden, bevor er entscheidet, ob er wartet oder den Zurück-Button drückt.
Optimierte Bilder senken auch deine Hosting- und CDN-Kosten. Wenn du 500.000 Produktseitenaufrufe pro Monat bedienst und deine durchschnittliche Bilddatenmenge von 8 MB auf 1,5 MB pro Seite reduzierst, sind das Terabytes an eingesparter Bandbreite.
Deine Produktfotos sind das wichtigste Asset in deinem Online-Shop. Sie richtig zu komprimieren, ermöglicht es dir, die visuelle Qualität zu erhalten, die deine Käufer brauchen, während du ihnen das schnelle Erlebnis bietest, das tatsächlich zu Käufen führt.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor