Produktbilder und Videos verwalten

Für jedes Produkt können Sie mehrere Bilder und Videos hochladen, die Reihenfolge neu anordnen und steuern, wie die einzelnen Bilder verwendet werden. Wenn Sie eine große Anzahl von Bildern verwalten müssen, sollten Sie sie möglicherweise als Batch importieren, anstatt jeden einzelnen hochzuladen. Weitere Informationen finden Sie unter Importieren von Produktbildern.

Wenn Sie große Bilder für die Anzeige auf der Seite Product Details ​hochladen möchten, sollten Sie in Erwägung ziehen, eine maximale Pixelgröße (Breite und Höhe) festzulegen und die Größe der Dateien beim Hochladen automatisch zu ändern. Es gibt eine Option, um die automatische Größenanpassung größerer Bilddateien beim Hochladen zu aktivieren. Weitere Informationen finden Sie unter Größenanpassung des Produktbilds.

Aktualisieren der Produktbilder

  1. Öffnen Sie das Produkt im Bearbeitungsmodus.

  2. Um mit einer bestimmten Store-Ansicht zu arbeiten, legen Sie die Auswahl Store View in der linken oberen Ecke auf die entsprechende Ansicht fest.

    note note
    NOTE
    Neue Produktbilder werden immer hochgeladen und in allen Store-Ansichten angezeigt, selbst wenn der Gültigkeitsbereich All Store Views nicht für den Upload verwendet wird.

    Um ein Produktbild aus einer bestimmten Store-Ansicht auszublenden, müssen Sie zu dieser Store-Ansicht wechseln, das Kontrollkästchen Hide from Product Page für das Bild aktivieren und auf Save klicken.
  3. Scrollen Sie nach unten und erweitern Sie den Abschnitt Images and Videos.

Bild hochladen

Für eine optimale Kompatibilität wird empfohlen, alle Produktbilder mit dem Farbprofil sRGB hochzuladen. Alle anderen Farbprofile werden beim Hochladen des Produktbilds automatisch in das Farbprofil sRGB konvertiert, was zu Farbinkonsistenzen im hochgeladenen Bild führen kann.

Die Länge des Bilddateinamens einschließlich der Erweiterung darf 90 Zeichen nicht überschreiten.

Führen Sie einen der folgenden Schritte aus, um ein Bild hochzuladen:

  • Ziehen Sie ein Bild von Ihrem Desktop und legen Sie es auf der Kachel Kamera ( Kamerasymbol ) im Feld Images And Videos ​ab.

  • Klicken Sie im Feld Images And Videos ​auf die Kachel_ Kamera _( Kamerasymbol ), wählen Sie die Bilddatei auf Ihrem Computer aus und klicken Sie auf Open.

    Hochladen oder Ziehen und Ablegen {width="600" modal="regular"}

Bilder neu anordnen

Um die Reihenfolge der Bilder in der Galerie zu ändern, klicken Sie auf das Symbol Sort( Sortiersymbol ) am unteren Rand der Bildkachel und ziehen Sie das Bild an eine andere Position im Feld​ Images And Videos.

Reihenfolge ändern {width="600" modal="regular"}

Löschen eines Bildes

Um ein Bild aus der Galerie zu entfernen, klicken Sie auf das Symbol Delete ( Papierkorbsymbol ) oben rechts in der Bildkachel und klicken Sie auf Save.

Festlegen von Bilddetails

Klicken Sie auf das Bild, das Sie in der Detailansicht öffnen möchten, und führen Sie einen der folgenden Schritte aus:

Bilddetailansicht {width="600" modal="regular"}

Um die Detailansicht zu schließen, klicken Sie oben rechts auf das Symbol Schließen ( Symbol Schließen ).

Klicken Sie nach Abschluss des Vorgangs auf Save.

ALT-Text eingeben

Bild Alternativer Text wird von Bildschirmlesehilfen zur Verbesserung der Web-Zugänglichkeit und von Suchmaschinen bei der Indizierung der Site referenziert. In einigen Browsern wird der Alt-Text beim Bewegen des Mauszeigers angezeigt. Alternativtext kann mehrere Wörter lang sein und sorgfältig ausgewählte Schlüsselwörter enthalten.

Geben Sie im Feld Alt Text ​eine kurze Beschreibung des Bildes ein.

Rollen zuweisen

Standardmäßig werden alle Rollen dem ersten Bild zugewiesen, das in das Produkt hochgeladen wird. Gehen Sie wie folgt vor, um eine Rolle einem anderen Bild zuzuweisen:

Wählen Sie im Feld Role ​die Rolle aus, die Sie dem Bild zuweisen möchten.

Wenn Sie zum Abschnitt Bilder und Videos zurückkehren, werden die derzeit zugewiesenen Rollen unter jedem Bild angezeigt.

Zugewiesene Rollen {width="600" modal="regular"}

Bild ausblenden

Um ein Bild aus der Miniaturansicht auszuschließen, aktivieren Sie das Kontrollkästchen Hidden und klicken Sie auf Save.

Ausgeblendete Bilder {width="600" modal="regular"}

Bildrollen

Bildrolle
Beschreibung
Thumbnail
Miniaturansichten werden in der Miniaturansichten-Galerie, im Warenkorb und in einigen Blöcken wie z. B. verwandten Artikeln angezeigt. Beispielgröße: 50 x 50 Pixel
Small Image
Das kleine Bild wird für die Produktbilder in Listen auf Kategorie- und Suchergebnisseiten verwendet, um die Produktbilder anzuzeigen, die für Abschnitte wie Up-Sells, Cross-Sells und die Liste "Neue Produkte"benötigt werden. Beispielgröße: 470 x 470 Pixel
Base Image
Das Basisbild ist das Hauptbild auf der Produktdetailseite. Der Bildzoom wird aktiviert, wenn Sie ein Bild hochladen, das größer als der Bildcontainer ist. Je nach dem Zoomgrad, den Sie erreichen möchten, sollte das Basisbild die Zwei- oder Dreifache der Größe des Containers betragen. Beispielgrößen: 470 x 470 Pixel (ohne Zoom), 1100 x 1100 Pixel (mit Zoom)
Swatch
Ein Muster kann verwendet werden, um die Farbe, das Muster oder die Textur zu illustrieren. Beispielgröße: 50 x 50 Pixel

Wasserzeichen

Wenn Sie auf Kosten der Erstellung Ihrer eigenen Originalproduktbilder gehen, können Sie nicht viel tun, um zu verhindern, dass skrupellose Konkurrenten sie mit dem Mausklick stehlen. Sie können sie jedoch zu einem weniger attraktiven Ziel machen, indem Sie ein Wasserzeichen auf jedem Bild platzieren, um sie als Ihre Eigenschaft zu identifizieren. Eine Wasserzeichendatei kann entweder ein JPG (JPEG), GIF oder ein PNG-Bild sein. Sowohl GIF- als auch PNG-Dateitypen unterstützen transparente Ebenen, mit denen das Wasserzeichen einen transparenten Hintergrund erhält.

Das im folgenden Beispiel für das Bild klein verwendete Wasserzeichen ist ein schwarzes Logo mit transparentem Hintergrund und wird als PNG-Datei mit den folgenden Einstellungen gespeichert:

  • Größe: 50x50
  • Deckkraft: 5
  • Position: Kachel

Wasserzeichen mit verschachtelten Zeichen {width="700" modal="regular"}

Hinzufügen von Wasserzeichen zu Produktbildern

  1. Wechseln Sie in der Seitenleiste Admin zu Content > Design>Configuration.

    Weitere Informationen zu Designkonfigurationen finden Sie unter Designkonfiguration.

  2. Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action ​auf Edit.

  3. Erweitern Sie unter Other Settings ​den Abschnitt Erweiterungsauswahl um den Abschnitt Product Image Watermarks.

    Produktbild-Wasserzeichen - Base {width="600" modal="regular"}

    Die Bildeinstellungen Base, Thumbnail, Small und Swatch Image sind identisch.

  4. Verwenden Sie eine der folgenden Methoden, um das Bild-Asset des Wasserzeichens hinzuzufügen:

    • Klicken Sie auf Upload und wählen Sie die Bilddatei auf Ihrem System aus, die Sie zur Verwendung als Wasserzeichen hochladen möchten.
    • Klicken Sie auf Select from Gallery und wählen Sie ein Bild-Asset aus der Mediengalerie aus.
  5. Füllen Sie die Einstellungen für die Wasserzeichenanzeige aus:

    • Geben Sie den Wert Image Opacity als Prozentsatz ein. Beispiel: 40

    • Geben Sie den Wert Image Size in Pixel ein. Beispiel: 200 x 200

    • Legen Sie Image Position fest, um zu bestimmen, wo das Wasserzeichen angezeigt wird.

  6. Klicken Sie nach Abschluss des Vorgangs auf Save Config.

  7. Wenn Sie aufgefordert werden, den Cache zu aktualisieren, klicken Sie in der Systemmeldung auf "Cache Management" und aktualisieren Sie den ungültigen Cache.

    Cache aktualisieren {width="600" modal="regular"}

TIP
Sie können auf Use Default Value Pfeil return klicken, um den Standardwert wiederherzustellen.

Wasserzeichen löschen

  1. Klicken Sie in der linken unteren Ecke des Bildes auf das Symbol Delete ( Papierkorbsymbol ).

    Wasserzeichen löschen {width="300"}

  2. Klicken Sie auf Save Config.

  3. Wenn Sie aufgefordert werden, den Cache zu aktualisieren, klicken Sie in der Systemmeldung auf "Cache Management" und aktualisieren Sie den ungültigen Cache.

    Wenn das Wasserzeichenbild in der Storefront erhalten bleibt, kehren Sie zur Cacheverwaltung zurück und klicken Sie auf Flush Magento Cache.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071