Responsive Bilder werden im Theme nicht verwendet?

Shopware 5
1

Nach einer Google Pagespeed Analyse ist mir aufgefallen dass bei mir in Liste und Detail Ansicht immer nur die gleichen Thumbnail Größen ausgeliefert werden.

Eigentlich sollte die Ausgabe doch erfolgen wie hier beschrieben?
https://developers.shopware.com/designers-guide/responsive-images/

Also in dieser Art ?

<picture>
    <source sizes="(min-width: 48em) 80vw, (min-width: 64em) 50vw, 100vw"
            srcset="product-small@2x.jpg 400w, product-medium@2x.jpg 1200w, product-large@2x.jpg 2560w" 
            media="(min-resolution: 192dpi)">
  
    <source sizes="(min-width: 48em) 80vw, (min-width: 64em) 50vw, 100vw"
            srcset="product-small.jpg 200w, product-medium.jpg 600w, product-large.jpg 1280w">

    <img srcset="product-large.jpg, product-large@2x.jpg 2x" alt="Product picture">
</picture>

Ich sehe allerdings im Shopware Responsive Template keine Ausgabe dieser Art ? Von daher erkennt Google auch nicht die Bildgrößen je nach Auflösung ?

Dies ist z.B. die Bilddarstellung in der Listenansicht. Es wird hier lediglich eine Thumbnail Größe verwendet? Ich dachte, dass man im Backend aus diesem Grund die unterschiedlichen Thumbnail Größen erstellt? Dies scheint aber nicht der Grund zu sein ? Man könnte dies im Template ggf. anpassen. Mir ist aber nicht ganz klar, warum dies nicht vorgesehen ist ? Bei den Einkaufswelten wird es beispielsweise schon korrekt verwendet ?

{block name='frontend_listing_box_article_image_picture_element'}
      <img srcset="{$sArticle.image.thumbnails[1].sourceSet}" alt="{$desc}" title="{$desc|truncate:160}" />
{/block}
2

Hallo @alinestuecher

das Produktbild im Listening des Shopware Responsive Theme wird in einer festen Größe von 170x170 Pixel, unabhängig von der Displaygröße, dargestellt. Folglich wäre es hier das falsche Vorgehen das Bild „Responsive“-fähig zu machen, da hier unnötig große Bilder geladen werden müssten.

An dieser Stelle wird das folgende Code-Beispiel aus der Dokumentation verwendet um für sehr hochauflösende Displays dennoch eine gute aussehende Darstellung zu gewährleisten (high dpi optimized). Die Bildergrößen an sich verändern sich jedoch nicht, weswegen hier eine fixe Größe gewählt werden kann.

<img srcset="product.jpg, product@2x.jpg 2x" alt="Produktfoto">

Viele Grüße aus Schöppingen
Florian Holtgrefe