# Bildgröße mobil größer als Desktop

**URL:** <https://forum.shopware.com/t/bildgroesse-mobil-groesser-als-desktop/95700>\
**Category:** Administration\
**Created:** [8. August 2022 um 09:26 UTC](https://forum.shopware.com/t/bildgroesse-mobil-groesser-als-desktop/95700 "2022-08-08T09:26:11Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [8. August 2022 um 09:26 UTC](https://forum.shopware.com/t/bildgroesse-mobil-groesser-als-desktop/95700/1 "2022-08-08T09:26:11Z")

</div>

Hallo,

wir verwenden zur Verlinkung von passenden Artikeln an diversen Stellen des Shops den Standard-Produkt-Slider in den Einkaufswelten:  
 ![grafik](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/1/4/14abff3f8b2d3a73d818945584cbca8057d60c88.png)

Was mir jetzt aufgefallen ist:  
In der Desktop-Ansicht wird wie gewünscht das Thumbnail-Bild geladen und angezeigt (wie es sein sollte), in mobiler Ansicht wird jedoch das Bild in voller Größe in den Slider geladen.  
Desktop-Ansicht zeigt 3 Bilder gleichtzeitig im Slider, Mobile jeweils nur gleichzeitig 1 Bild im Slider

Warum ist das so?  
Wie können hier Optimierungen stattfinden?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [8. August 2022 um 15:13 UTC](https://forum.shopware.com/t/bildgroesse-mobil-groesser-als-desktop/95700/2 "2022-08-08T15:13:12Z")

</div>

Das liegt am CSS. Je nach Browser-Breite werden unterschiedlich viel Produkte angezeigt. Deren Höhe richten sich dann nach verfügbarem Space.

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [9. August 2022 um 08:19 UTC](https://forum.shopware.com/t/bildgroesse-mobil-groesser-als-desktop/95700/3 "2022-08-09T08:19:48Z")

</div>

Danke. Die unterschiedliche Spaltenanzahl im Slider ist ja sinnvoll.

Allerdings ist es aus meiner Sicht nicht sinnvoll, dass bei einspaltiger mobiler Anzeige des Sliders statt einem Thumbnail (z.B. 400px) das Bild in 1200px-Breite angezeigt wird. Dies sollte doch eigentlich durch das „src set“ geregelt werden.

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [9. August 2022 um 08:55 UTC](https://forum.shopware.com/t/bildgroesse-mobil-groesser-als-desktop/95700/4 "2022-08-09T08:55:38Z")

</div>

Anhand von srcset sucht sich der Browser aus, welche Datei er lädt. srcset richtet sich auch immer an den ViewPort, nicht an die Größe des Elements.

Kurz: das hat nichts mit der dargestellten Größe des Bildes zu tun. Diese wird über CSS geregelt.

Bei iPhones wird z.B. wegen Retina/HD bei einer 400er Breite des Screens 800 geladen, da die Pixel 2:1 umgerechnet werden.

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [9. August 2022 um 13:05 UTC](https://forum.shopware.com/t/bildgroesse-mobil-groesser-als-desktop/95700/5 "2022-08-09T13:05:51Z")

</div>

Danke.  
Kann das „srcset“ irgendwie in Shopware eingestellt werden?  
Ich habe die Standard-Thumbnails 800x800 und 400x400 erstellen lassen…  
Während für „gallery-slider-thumbnails“ die korrekte Größe (400x400) gewählt wird, werden für andere Slider (Cross-Selling) zu große Bilder (800x800) verwendet.  
Diese Logik kann ich nicht nachvollziehen.

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [9. August 2022 um 14:05 UTC](https://forum.shopware.com/t/bildgroesse-mobil-groesser-als-desktop/95700/6 "2022-08-09T14:05:48Z")

</div>

Nicht das ich wüsste. Vermutlich muss man das Template ändern.
