Magento 2 Experten — Hyvä Theme, Tailwind CSS & SEO aus einer Hand ›

Produktbilder und Medien

05 Kapitel 5 von 7

Bilder hochladen, Rollen zuweisen (Basis-, Klein-, Vorschaubild) und die Bild-Reihenfolge festlegen.

Im Produktformular finden Sie den Tab Images and Videos. Dort laden Sie per Drag & Drop ein oder mehrere Bilder hoch, oder klicken auf den Upload-Button, um Dateien über den klassischen Dateidialog auszuwählen. Unterstützt werden die gängigen Formate JPEG, PNG und WEBP.

Bildrollen

  • Base Image: das Hauptbild auf der Produktdetailseite.
  • Small Image: wird in Produktlisten und Suchergebnissen verwendet.
  • Thumbnail: kleine Vorschau, z. B. im Warenkorb oder in Empfehlungs-Widgets.
  • Swatch Image: nur bei konfigurierbaren Produkten mit visuellen Attributen (z. B. Farbmuster) relevant, wird als kleines Auswahl-Icon neben dem Attributnamen angezeigt.

Eine Bilddatei kann gleichzeitig mehrere dieser Rollen übernehmen (üblich: dasselbe Bild als Base, Small UND Thumbnail).

Alt-Text und Reihenfolge

Klicken Sie auf ein hochgeladenes Bild, um ihm die gewünschten Rollen zuzuweisen sowie einen Alt-Text zu hinterlegen – Pflicht für Barrierefreiheit (Screenreader) und ein relevanter Faktor für die Bilder-Suche bei Google. Über Drag & Drop in der Bildübersicht bestimmen Sie zusätzlich die Reihenfolge, in der die Bilder auf der Produktseite erscheinen; das erste Bild in der Liste wird automatisch zum Standard-Vorschaubild.

Videos einbinden

Über Add Video im selben Tab lässt sich ein YouTube- oder Vimeo-Video als zusätzliches Medienelement einbinden, das dann zwischen den Produktbildern in der Galerie erscheint.

Bildgrößen und Performance

Laden Sie Bilder nach Möglichkeit bereits in einer sinnvollen Auflösung hoch (üblich: 1500–2000px an der langen Kante für das Hauptbild) – Magento generiert daraus automatisch die verschiedenen benötigten Zwischengrößen, aber ein unnötig übergroßes Ausgangsbild verlangsamt sowohl den Upload als auch spätere Static-Content-Deployments.

Praxis-Tipp: Für mehrere Produkte mit identischen Bildern (z. B. Varianten) lassen sich Bilder über den Product Import (siehe Kapitel "Produktimport und -export") mit fixen Dateinamen effizient in Serie hochladen, statt jedes Bild einzeln im Backend zuzuordnen.

Platzhalter-Bilder konfigurieren

Fehlt bei einem Produkt ein Bild, zeigt Magento standardmäßig ein generisches Platzhalterbild. Unter Stores > Configuration > Catalog > Catalog > Product Image Placeholders hinterlegen Sie stattdessen ein eigenes, zum Theme passendes Platzhalterbild – separat je Bildtyp (Base, Small, Thumbnail, Swatch usw.), sodass auch unvollständig gepflegte Produkte einheitlich aussehen.

Einzelne Bilder ausblenden

Beim Überfahren eines hochgeladenen Bilds mit der Maus erscheint neben den Rollen-Checkboxen auch die Option Hide from Product Page. Damit bleibt das Bild in der Mediengalerie des Produkts gespeichert (z. B. weiterhin als Swatch-Bild nutzbar), wird aber nicht in der normalen Bildergalerie auf der Produktdetailseite angezeigt.

Store-View-spezifische Bilder

Über den Store-View-Umschalter oben links im Produktformular lässt sich der Tab Images and Videos auch pro Store View bearbeiten. So können Sie z. B. für die englischsprachige Store View ein abweichendes Hauptbild (etwa mit englischsprachiger Verpackungsbeschriftung) hinterlegen, ohne das Standardbild für alle anderen Store Views zu verändern.