Shopware: Bilder optimieren / komprimieren
Für eine bestmögliche Performance und somit auch für ein bestmögliches Nutzererlebnis ist es unter anderem wichtig, die einzelnen Inhalte eines Onlineshops zu optimieren. Oftmals werden in diesem Zusammenhang die verwendeten Bilder vergessen. Durch eine Optimierung dieser kann nicht nur die Leistung, sondern vor allem auch die Sichtbarkeit der einzelnen Produkte wesentlich verbessert werden. Ein Shopware Spezialist kann dabei helfen, die Bildoptimierung gezielt umzusetzen und somit den Erfolg des Shops weiter zu steigern. Was also sollte man bei der Bildoptimierung für Shopware Shops beachten?
Die unterschiedlichen Bildformate beachten
Bilder haben einen wesentlichen Einfluss auf die Performance eines Shopware Shops, die Ladezeiten sind hier nur ein Teilaspekt – nicht zuletzt auch, um die Conversion zu verbessern. Zunächst einmal ist das Format der Bilder von besonderer Bedeutung, in unterschiedlichen Bereichen des Shopware Shops kommen teilweise andere Formate zum Einsatz, abhängig davon, ob es sich um Produktbilder, Logos oder Bildbanner auf Landingpages oder Shop-internen Blogs handelt. Die wichtigsten Formate sind folgende:
- PNG
Wenn es um Grafiken oder Logos geht, die in einen Shopware Shop eingebunden werden sollen, fällt die Wahl auf Bilder im PNG-Format. Aufgrund der Möglichkeit, Hintergründe auch transparent darzustellen, sollten auch Bilder bzw. Logos von Versand- und Zahlungsdienstleistern immer als PNG-Datei eingefügt werden. - JPEG
Aufgrund der Eigenschaft, dass Bilder im JPEG-Format Millionen von Farben unterstützen, eignen sich diese vor allem für ansprechende Produktbilder in Form von hochauflösenden Fotos. Auch wenn entsprechende Produkte im Rahmen von Social-Media-Marketing auf entsprechenden Plattformen veröffentlicht werden sollen, eignet sich dieses Format am besten. - GIF
Bilder im GIF-Format können maximal 256 unterschiedliche Farben pro Pixel darstellen. Daher eignen sie sich nicht für Produktbilder oder hochauflösende Grafiken. Wenn es aber darum geht, simple Animationen mit wenig Details in einen Shopware-Shop einzubinden, sind Bilder im GIF-Format die beste Wahl und sparen jede Menge Speicherplatz.
Welche Möglichkeiten zur Bildoptimierung stehen zur Verfügung?
Ein erster Schritt für die Optimierung von Bildern eines Shopware Shops, ist die Komprimierung der Dateien. So lässt sich vor allem die Zeit, die benötigt wird, um die Bilder anzuzeigen, deutlich reduzieren. Für diesen Zweck stehen unterschiedliche, teils sogar kostenlose Tools zur Bildkomprimierung zur Verfügung. Dabei wird stets nur die Dateigröße komprimiert, Qualitätseinbußen sind nicht zu befürchten.
Weiterhin ist es wichtig, auf die richtigen Maße der Produktbilder zu achten. In der Regel sind Maße von 300 x 300 Pixeln ideal für Produktbilder, größere Bilder benötigen mehr Speicher, was sich wiederum auf die allgemeine Performance auswirkt.
Um es den Algorithmen von Suchmaschinen zu erleichtern, den Inhalt eines Bildes zu verstehen und entsprechend einordnen zu können, ist es ratsam, die einzelnen Bilder mit Alt-Texten zu versehen. Dies können wir immer wieder im Rahmen unserer täglichen Arbeit als Google SEO Agentur beobachten. Auch die Dateinamen der Bilder selbst sollten sich am Inhalt orientieren und nicht einfach übernommen werden. Anstelle von „IMG12345.jpg“, ist beispielsweise Produktxy_vorne.jpg wesentlich besser geeignet. Auch für die interne Ordnerstruktur und einer besseren Orientierung, ist es ratsam, möglichst aussagekräftige Bildnamen zu verwenden.
Fazit
Mit einer Optimierung der Bilder eines Shopware Shops lassen sich die Ladezeiten und die Benutzererfahrung maßgeblich verbessern. Im besten Fall optimiert man die Bilder bereits bei der Erstellung des Shops, auch wenn eine nachträgliche Optimierung möglich ist. So stellt man sicher, dass man von den Vorteilen optimierter Bilder von Beginn an profitierten kann. Wenn Sie sich dabei von Profis unterstützen lassen möchten, wenden Sie sich gerne direkt an die Shopware Agentur eBakery.
Haben Sie Fragen oder brauchen ein individuelles Angebot? Zögern Sie nicht, uns zu kontaktieren.
- 5/5
- 1 rating
Very bad! | Bad | Hmmm | Oke | Good! |
---|---|---|---|---|
0% | 0% | 0% | 0% | 100% |
Haben Sie Fragen oder brauchen ein individuelles Angebot? Zögern Sie nicht, uns zu kontaktieren.