# Bilder / Thumbnails srcset Probleme

**URL:** https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102
**Category:** Allgemein
**Created:** [7. April 2020 um 09:24 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102 "2020-04-07T09:24:53Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Exe](https://avatars.discourse-cdn.com/v4/letter/e/49beb7/32.png) [@Exe](https://forum.shopware.com/u/Exe)
#### Post date: [7. April 2020 um 09:24 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/1 "2020-04-07T09:24:53Z")

</div>

Mir erschließt sich nicht die Logik der Produktbilder in den Kategorieübersichten.

Ich habe unter Medien den Bilderordner für die Produktbilder die Thumbnails aktiviert und die Größen aktiviert. Habe via CLI _bin/console media:generate-media-types_&nbsp;und&nbsp;_bin/console media:generate-thumbnails_ ausgeführt und am Ende den Cache geleert. Die Thumbnails werden auch erzeugt.

Wenn ich jetzt in eine Kategorie im Frontend gehe und das Browserfenster Bildschirmfüllend (nicht Vollbildmodus) habe, wird weiterhin das Produktbild in der vollen Auflösung geladen. Hat also jemand zB ein 2000x2000px Bild hochgeladen, wird mir auch genau das, selbst ind er kleinen Produkt-Box geladen. Verkleinere ich mein Browserfenster, wird dann das 400x400px Bild geladen.&nbsp; Das funktioniert bis 1920px, alles darüber wird immer das orginal Produktbild geladen, was bei meinem 27" Monitor dazu führt, dass immer das größte geladen wird. Muss man hoffen, dass die Kunden nur kleine Monitore haben?&nbsp;

Ich verstehe, wie das mit den Browserviewports im Img-Tag funktioniert. Mir erschließet sich aber nicht der Sinn, warum man so ein kleines Produktbild jemals in voller Auflösung laden sollte. Wäre gut, wenn dass srcset für&nbsp;1921w entfernt werden könnte.

Im Template sehe ich das nur leider nicht  
/Storefront/Resources/views/storefront/component/product/card/box-standard.html.twig

```
{% sw_thumbnails 'product-image-thumbnails' with {
    media: cover,
    sizes: {
        'xs': '501px',
        'sm': '315px',
        'md': '427px',
        'lg': '333px',
        'xl': '284px'
    }
} %}

```

Auf der Produktdetailseite habe ich weiteren Spaß mit den Bilder, die Lupe, eine Javascript, läd jedesmal die Bilder neu runter. Hab dazu schonmal ein Ticket angelegt. Lokal wird im Testfall also jedesmal ein 1mb Produktbild geladen, wenn ich mit der Maus über das Produktbild komme.  
[https://issues.shopware.com/issues/NEXT-8010](https://issues.shopware.com/issues/NEXT-8010)

---

<div class="post-metadata">

### Author: ![Exe](https://avatars.discourse-cdn.com/v4/letter/e/49beb7/32.png) [@Exe](https://forum.shopware.com/u/Exe)
#### Post date: [14. April 2020 um 11:09 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/2 "2020-04-14T11:09:07Z")

</div>

Nagut, dann probiere ich es mal über ein Supportticket und warte da meine 3 Tage für eine mehr oder weniger hilfreiche Antwort…

---

<div class="post-metadata">

### Author: ![kyl](https://avatars.discourse-cdn.com/v4/letter/k/898d66/32.png) [@kyl](https://forum.shopware.com/u/kyl)
#### Post date: [20. April 2020 um 06:10 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/3 "2020-04-20T06:10:40Z")

</div>

@Exe‍ wäre sehr dankbar, wenn du deinen Outcome mit dem Support hier postest 🙂 Habe das selbe Problem.

---

<div class="post-metadata">

### Author: ![Exe](https://avatars.discourse-cdn.com/v4/letter/e/49beb7/32.png) [@Exe](https://forum.shopware.com/u/Exe)
#### Post date: [20. April 2020 um 06:59 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/4 "2020-04-20T06:59:40Z")

</div>

Ich hab noch kein Ticket aufgemacht. Verspreche mir auch nicht zwingend eine hilfreiche Antwort. Bisher war keine der Supportantworten wirklich richtig nützlich für mich. Ich musste schon auf eine Antwort von SW 2 mal zurückantworten, was natürlich auch jedesmal wieder 3 Tage dauert, bis sie dann erkannt haben, dass es nicht so ist wie sie denken und&nbsp;ein Bug ist.

---

<div class="post-metadata">

### Author: ![kyl](https://avatars.discourse-cdn.com/v4/letter/k/898d66/32.png) [@kyl](https://forum.shopware.com/u/kyl)
#### Post date: [28. April 2020 um 16:50 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/5 "2020-04-28T16:50:10Z")

</div>

[@Marcel S]([http://forum.shopware.com/profile/117/Marcel](http://forum.shopware.com/profile/117/Marcel) S „Marcel S“)‍ kannst du dazu eventuell etwas sagen oder einen Vorschlag zu einem Quickfix machen wie man die Thematik umgehen könnte? LG

---

<div class="post-metadata">

### Author: ![opalion](https://avatars.discourse-cdn.com/v4/letter/o/a587f6/32.png) [@opalion](https://forum.shopware.com/u/opalion)
#### Post date: [4. Dezember 2020 um 12:13 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/6 "2020-12-04T12:13:28Z")

</div>

Das srcset-Markup im Shopware-Template ist hier fehlerhaft. Wir haben auch das gleiche Problem und werden das nun in unserem abgeleiteten Theme fixen, da es nur unnötige Ladezeit und Serverlast verursacht, wenn in der Produktliste die Originalbilder statt der Thumbnails geladen werden.

---

<div class="post-metadata">

### Author: ![DanielZiehfreund](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@DanielZiehfreund](https://forum.shopware.com/u/DanielZiehfreund)
#### Post date: [8. Dezember 2020 um 15:22 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/7 "2020-12-08T15:22:41Z")

</div>

@opalion‍,

kannst Du mir bitte sagen, wie du dein Fix gemacht hast.  
Komischerweise habe ich auf der Artikelseite kein Problem.  
Auf der Produkt Detailseite hingegen werden meine Bilder inkl. Thumbnails mit 1920 x 1920 px geladen wenn ich das richtig gesehen habe  
und das wollen wir selbstverständlich ändern.

Vielen Dank im Voraus!  
Gruß Daniel&nbsp;

---

<div class="post-metadata">

### Author: ![opalion](https://avatars.discourse-cdn.com/v4/letter/o/a587f6/32.png) [@opalion](https://forum.shopware.com/u/opalion)
#### Post date: [10. Dezember 2020 um 14:10 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/8 "2020-12-10T14:10:22Z")

</div>

@DanielZiehfreund‍ Wir haben doch keinen Fix machen können, da das twig-Template, in dem die Thumbnails und das srcset-Markup generiert wird, nicht überschrieben werden kann. Zumindest nicht Teile davon sondern wenn nur die ganze Datei, was bei künftigen Shopware Updates natürlich nachteilig wäre.

Wir haben nun unsere größte Thumbnail-Größe von 1400x1400 auf 1920x1920 erhöht. Dadurch stellt Shopware auch im Produktlisting am Desktop bei Full-HD Auflösung nun die 400px Bilder dar und nicht mehr das Originalbild, was sonst ziemlich auf die Performance gegangen ist.

Dadurch steht im srcset bei sizes nun 1920 statt 1400, was den gewünschten Effekt generiert:

sizes="(max-width: 1920px) and (min-width: 1200px) 284px, …

---

<div class="post-metadata">

### Author: ![DanielZiehfreund](https://avatars.discourse-cdn.com/v4/letter/d/c5a1d2/32.png) [@DanielZiehfreund](https://forum.shopware.com/u/DanielZiehfreund)
#### Post date: [10. Dezember 2020 um 14:35 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/9 "2020-12-10T14:35:22Z")

</div>

@opalion‍,

vielen Dank für die Rückmeldung.  
Kannst Du mir vielleicht noch sagen, an welcher Stelle genau ich die Anpassung machen muss?&nbsp; ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink")

Vielen Dank im Voraus!  
Gruß Daniel

---

<div class="post-metadata">

### Author: ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)
#### Post date: [6. April 2021 um 18:41 UTC](https://forum.shopware.com/t/bilder-thumbnails-srcset-probleme/66102/10 "2021-04-06T18:41:28Z")

</div>

Hier mal ein Lösungsansatz: [Shopware, Bildergröße und Thumbnails - keine Verkleinerung - #8 von m23](https://forum.shopware.com/t/shopware-bildergrosse-und-thumbnails-keine-verkleinerung/72470/8)
