Slide Cover Thumbnailgrößen erweitern und optimieren ​

Wenn für ein Slide Cover-Bild Thumbnails hinterlegt sind, werden diese automatisch verwendet. Durch Thumbnails werden kleinere Bilder geladen, was die Ladezeit und auch Googles Core Web Vitals positiv beeinflusst. Daraus ergibt sich eine bessere Nutzererfahrung und Google Scoring.

Standard Thumbnailgrößen erweitern ​

Standardgemäß legt Shopware drei Thumbnailgrößen an — 400x400, 800x800 und 1920x1920 Pixel. Der Elysium Slider verwendet hierbei das Thumbnail, dessen Größe im aktuellen Bildschirmbereich liegt. Das heißt in einer Bildschirmbreite von 800 bis 1920 Pixeln wird die Thumbnailgröße 800x800 verwendet.

Hier tut sich eine große Lücke zwischen den Thumbnailgrößen auf. Das kann in einigen Bildschirmgrößen zu verpixelten Bildern im Slide Cover führen. Es empfiehlt sich eine oder zwei weitere Thumbnailgrößen anzulegen, zum Beispiel 1400x1400 oder 1200x1200 und 1600x1600. Das sollte die große Lücke zwischen den Bereichen 800px bis 1920px schließen und eine gute Qualität über alle Bildschirmbreiten sicherstellen.

Die Thumbnailgrößen können im Medien Ordner eingestellt werden. Mehr dazu findest du in der offiziellen Shopware Dokumentation.
Wir empfehlen die Bilder, welche für Slides verwendet werden, im Elysium Slides Medien Ordner abzulegen. So können die Thumbnails speziell für die Slide Cover Bilder optimiert werden.