# Größe Bild für Banner-Slider in Einkaufswelt für Tablet Landscape **URL:** \ **Category:** Themes & Design\ **Created:** [18. Februar 2016 um 17:09 UTC](https://forum.shopware.com/t/grosse-bild-fur-banner-slider-in-einkaufswelt-fur-tablet-landscape/34591 "2016-02-18T17:09:49Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![ClaudiaMH](https://avatars.discourse-cdn.com/v4/letter/c/7ab992/32.png) [@ClaudiaMH](https://forum.shopware.com/u/ClaudiaMH)\ **Post date:** [18. Februar 2016 um 17:09 UTC](https://forum.shopware.com/t/grosse-bild-fur-banner-slider-in-einkaufswelt-fur-tablet-landscape/34591/1 "2016-02-18T17:09:49Z")
Hallo Forum,  ich brauche Hilfe bei der Bildergröße beim Banner-Slider in den Einkaufswelten.  Ich möchte für jedes Endgerät eine eigene Einkaufswelt für die Startseite erstellen.  Für den Desktop hat es gut geklappt, beim Tablet Landscape habe ich aber Probleme.  Ich habe das Standard-Raster 4-Spaltig gewählt und möchte einen Banner-Slider mit der Größe 3 Spalten und 3 Zeilen erstellen. Den Abstand habe ich bereits in der Experteneinstellung auf 8px geändert. Beim Desktop habe ich die Bildergröße wie folgt berechnet:  3 Spalten:  (1160-3\*8)/4\*3+2\*8=868 3 Zeilen:   185\*3+2\*8=571 Das hat wunderbar geklappt, die Bilder haben links und rechts keinen Rand und sind scharf.  Aber bei der Bildergröße für das Tablet Landscape finde ich keine Lösung.  Als Anhaltspunkt für die Rasterbreite dient 1024px (habe ich aus einem anderen Beitrag hier im Forum). Wenn ich nun die Breite ausrechne (die Höhe bleibt gleich), ergibt das folgenden Wert: 3 Spalten:  (1024-3\*8)/4\*3+2\*8=766 Wenn ich nun Bilder erstelle mit der Größe 766 x 571 px, dann entsteht im Banner-Slider rechts ein unschöner Rand.  Irgendwo ist ein Fehler, aber ich finde ihn nicht.  Grüße Claudia ---
**Author:** ![ClaudiaMH](https://avatars.discourse-cdn.com/v4/letter/c/7ab992/32.png) [@ClaudiaMH](https://forum.shopware.com/u/ClaudiaMH)\ **Post date:** [27. Februar 2016 um 07:58 UTC](https://forum.shopware.com/t/grosse-bild-fur-banner-slider-in-einkaufswelt-fur-tablet-landscape/34591/2 "2016-02-27T07:58:18Z")
schubs ---
**Author:** ![derkosta](https://avatars.discourse-cdn.com/v4/letter/d/65b543/32.png) [@derkosta](https://forum.shopware.com/u/derkosta)\ **Post date:** [27. Februar 2016 um 08:13 UTC](https://forum.shopware.com/t/grosse-bild-fur-banner-slider-in-einkaufswelt-fur-tablet-landscape/34591/3 "2016-02-27T08:13:51Z")
Welche Auflösung hat dein tablet? Nicht jedes ist gleich  [Media Queries for Standard Devices | CSS-Tricks](https://css-tricks.com/snippets/css/media-queries-for-standard-devices/)   ---
**Author:** ![ClaudiaMH](https://avatars.discourse-cdn.com/v4/letter/c/7ab992/32.png) [@ClaudiaMH](https://forum.shopware.com/u/ClaudiaMH)\ **Post date:** [27. Februar 2016 um 08:42 UTC](https://forum.shopware.com/t/grosse-bild-fur-banner-slider-in-einkaufswelt-fur-tablet-landscape/34591/4 "2016-02-27T08:42:49Z")
Ich habe das nicht auf dem Tablet getestet, sondern gehe in den Einkaufswelten immer in die Vorschau, bzw. reduziere die Breite meines Browser-Fensters, so lange bis es auf die nächste “Stufe” umschaltet.  ---
**Author:** ![ClaudiaMH](https://avatars.discourse-cdn.com/v4/letter/c/7ab992/32.png) [@ClaudiaMH](https://forum.shopware.com/u/ClaudiaMH)\ **Post date:** [27. Februar 2016 um 08:49 UTC](https://forum.shopware.com/t/grosse-bild-fur-banner-slider-in-einkaufswelt-fur-tablet-landscape/34591/5 "2016-02-27T08:49:08Z")
Mittlerweile habe ich andere Einstellungen probiert.  Im Forum liesst man immer wieder, dass man sich nicht an den Pixeln sondern am Seitenverhältnis der Bilder orientieren soll.  Darum habe ich nun folgendes eingestellt.   Raster 3-Spaltig Banner-Slider auf 2 Spalten und 2 Zeilen, rechts daneben einen HTML-Text Größe Bilder für Banner-Slider: 504 x 378 (Verhältnis 4:3) Abstand 8 px (mit dieser Einstellungen entstehen keine krummen Zahlen) Höhe 185px Masonry-Effekt es wird wieder ein unschöner Rand gezeigt