DokumentationCommerceKatalogverwaltung

Verwalten von Produktbildern und Videos

Last update: Wed Dec 18 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Führungskraft
  • Benutzende

Für jedes Produkt können Sie mehrere Bilder und Videos hochladen, ihre Reihenfolge neu anordnen und steuern, wie sie verwendet werden. Wenn Sie eine große Anzahl von Bildern verwalten müssen, empfiehlt es sich möglicherweise, die Bilder als Batch zu importieren, anstatt sie einzeln hochzuladen. Weitere Informationen finden Sie unter Produktbilder importieren.

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

Aktualisieren der Produktbilder

  1. Öffnen Sie das Produkt im Bearbeitungsmodus.

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

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

    Um ein Produktbild in einer bestimmten Shop-Ansicht auszublenden, müssen Sie zu dieser Shop-Ansicht wechseln, das 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

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

Die Länge des Bilddateinamens, einschließlich 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 Images And Videos ​ab.

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

    Hochladen oder Drag-and-Drop {width="600" modal="regular"}

Bilder neu anordnen

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

Änderungsanforderung {width="600" modal="regular"}

Löschen eines Bildes

Um ein Bild aus der Galerie zu entfernen, klicken Sie auf das Delete-Symbol Papierkorb ) in der oberen rechten Ecke 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 auf Schließen ( Schließen-Symbol ) oben rechts.

Klicken Sie abschließend auf Save.

Alten Text eingeben

Bild-Alternativtext wird von Sprachausgaben referenziert, um die Barrierefreiheit im Web zu verbessern, und von Suchmaschinen beim Indizieren der Site. In einigen Browsern wird beim Bewegen des Mauszeigers der ALT-Text angezeigt. Alternativtext kann mehrere Wörter lang sein und sorgfältig ausgewählte Schlüsselwörter enthalten.

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

Rollen zuweisen

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

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

Wenn Sie zum Abschnitt Bilder und Videos zurückkehren, werden die aktuell zugewiesenen Rollen unter den einzelnen Bildern angezeigt.

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

Bild ausblenden

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

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

Bildrollen

Image Role
Beschreibung
Thumbnail
Miniaturbilder werden in der Miniaturbildgalerie, im Warenkorb und in einigen Blöcken, z. B. „Zugehörige Elemente“, angezeigt. Beispielgröße: 50 x 50 Pixel
Small Image
Das kleine Bild wird für die Produktbilder in den Listeneinträgen auf den Kategorie- und Suchergebnisseiten und zur Anzeige der Produktbilder verwendet, die für Abschnitte wie für Upsell, Crosssell und die Liste für neue Produkte benötigt werden. Beispielgröße: 470 x 470 Pixel
Base Image
Das Basisbild ist das Hauptbild auf der Produktdetailseite. Der Bildzoom ist aktiviert, wenn Sie ein Bild hochladen, das größer ist als der Bild-Container. Je nach dem gewünschten Zoom sollte das Basisbild zwei- oder dreimal so groß wie der Container sein. 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 veranschaulichen. Beispielgröße: 50 x 50 Pixel

Wasserzeichen

Wenn Sie Ihre eigenen Originalproduktbilder erstellen müssen, können Sie nicht viel tun, um skrupellose Konkurrenten daran zu hindern, sie mit einem Mausklick zu 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 PNG-Bild sein. Sowohl GIF- als auch PNG-Dateitypen unterstützen transparente Ebenen, die verwendet werden können, um dem Wasserzeichen einen transparenten Hintergrund zu verleihen.

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

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

Gekacheltes Wasserzeichen {width="700" modal="regular"}

Hinzufügen von Wasserzeichen zu Produktbildern

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.

    Weitere Informationen zu Design-Konfigurationen finden Sie unter Design-Konfiguration.

  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 Erweiterungsauswahl den Abschnitt Product Image Watermarks.

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

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

  4. Verwenden Sie eine der folgenden Methoden, um das Wasserzeichenbild-Asset 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 Mediensammlung.

  5. Vervollständigen Sie die Einstellungen für die Wasserzeichenanzeige:

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

    • Geben Sie die Image Size in Pixeln an. Beispiel: 200 x 200

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

  6. Klicken Sie abschließend 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 Pfeiltaste Zurück klicken, um den Standardwert wiederherzustellen.

Wasserzeichen löschen

  1. Klicken Sie unten links im Bild auf das Delete ( Papierkorb-Symbol ).

    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 Cache-Verwaltung zurück und klicken Sie auf Flush Magento Cache.

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