Seitenreport Seitenreport
Medien in Magento

Zu große Bilddateien in Magento beheben

Bildgewicht, Ausgabegröße und Bildmotiv gemeinsam prüfen. In Magento prüfen Sie dafür Katalogbilder, Bildrollen und Theme-Größen.

Katalogbilder, Bildrollen und Theme-Größen

Kontrollieren Sie Produktliste, Detailgalerie und Zoom separat. Eine Theme-Anpassung kann das Original statt der vorgesehenen Bildgröße laden.

Prüfen Sie die Rolle des Bildes im Produkt sowie die vom Theme angeforderte Größe. Ein korrektes Original kann durch falsche Thumbnail-Auswahl oder unpassende Galerie-Ausgabe dennoch zu groß oder verzerrt geladen werden.

Wo Sie die Einstellung in Magento prüfen

Prüfen Sie unter Images and Videos die Bildrollen des Produkts und die Ausgabe im aktiven Theme. Vergleichen Sie die im Browser geladene Datei mit der vorgesehenen Rolle und Größe. Varianten und Store Views können andere Medien oder Beschriftungen verwenden.

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 Magento

Produktlisting, Hauptbild und Zoom getrennt testen. Nach einer Varianten- oder Bildänderung auch die tatsächlich verwendeten Cache-/Medien-URLs prüfen.

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: Magento Open Source beziehungsweise Adobe Commerce mit klassischer Storefront. Store Views und Erweiterungen berücksichtigen; andere Storefront-Architekturen haben eigene Konfigurationen.

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

W3C: Aufgabe und Alternative eines Bildes

web.dev: Bildausgabe optimieren

Verwandte Medien-Fehler in Magento