Seitenreport Seitenreport
Medien in Shopware

Zu große Bilddateien in Shopware beheben

Bildgewicht, Ausgabegröße und Bildmotiv gemeinsam prüfen. In Shopware prüfen Sie dafür Medienzuordnung und Thumbnail-Ausgabe.

Medienzuordnung und Thumbnail-Ausgabe

Kontrollieren Sie Thumbnail-Ausgabe und Bildwahl im Erlebniswelten-Element. Eine kleine Kachel sollte nicht unnötig das hochauflösende Original anfordern.

Vergleichen Sie das Originalmedium mit den in der Storefront verwendeten Vorschaubildern. Entscheidend ist die wirklich angeforderte Thumbnail-URL im jeweiligen Layout, nicht nur die im Backend hinterlegte Datei.

Wo Sie die Einstellung in Shopware prüfen

Vergleichen Sie die Medienzuordnung des Produkts mit den Alt-Angaben und der tatsächlich gewählten Thumbnail-Datei. Ein großes Original ist nicht automatisch ein Problem, wenn das Theme eine passende kleine Variante lädt; maßgeblich ist die im Browser angeforderte Datei.

Beispiel für diesen konkreten Befund

Illustrativer Kontrollfall: Eine Produktkachel mit 360 CSS-Pixeln Breite lädt das 4.000 Pixel breite Original. Entscheidend ist die im Netzwerkprotokoll geladene Variante, nicht der Dateiname im CMS.

Nachprüfung in Shopware

Ein Produktbild in Listing, Detailansicht und auf Mobilgeräten prüfen. Nach Änderungen auch bestehende Bildvarianten und deren Cache berücksichtigen.

Bei mehreren Bildschirmbreiten die gewählte Bild-URL, Dateigröße und Schärfe prüfen. Auf hochauflösenden Displays kann eine höhere natürliche Auflösung sinnvoll sein.

Ausnahmen und Geltungsbereich

Eine Detailansicht mit Zoom darf größere Dateien benötigen als eine Vorschauliste. Qualität und Übertragungsaufwand am tatsächlichen Einsatz abwägen.

Bezug: Shopware 6 mit Storefront. Self-hosted und SaaS bieten unterschiedliche Zugriffs- und Konfigurationsmöglichkeiten; eigene Headless-Frontends getrennt betrachten.

Den allgemeinen Fehler einordnen

Definition, systemunabhängige Ursachen und weitere Korrekturbeispiele: Bildgewicht, Ausgabegröße und Bildmotiv gemeinsam prüfen

Dokumentation zur Konfiguration und zum Prüfsignal

Shopware 6: Medien des Produkts

W3C: Aufgabe und Alternative eines Bildes

web.dev: Bildausgabe optimieren

Verwandte Medien-Fehler in Shopware