DokumentationCommerceKatalogverwaltung

Konfiguration des Produktbilds

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

Erstellt für:

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

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. Um diesen Typ des Produktbild-Uploads zu unterstützen, gibt es eine Option, um beim Hochladen die automatische Größenanpassung größerer Bilddateien zu aktivieren. Für Produkte, die Sie Ihrem Katalog hinzufügen möchten, für die Sie aber noch kein Bild-Asset zur Anzeige haben, können Sie ein Platzhalterbild konfigurieren.

Ändern der Größe von Produktbildern

Beim Hochladen von Produktbildern können Sie größere Bilder mit unterschiedlichen Größen hinzufügen, um detaillierte, hochwertige Zooms auf der Product Details-Seite bereitzustellen. Um sicherzustellen, dass alle Bilder eine ähnliche Größe haben und ähnlich aussehen, gibt es eine Option zur Größenanpassung, um sicherzustellen, dass alle Bilder einer bestimmten Pixelgröße entsprechen. Diese Option ändert automatisch die Größe aller Produktbilder mithilfe der Konfigurationseinstellungen. Dies kann bei der Leistung des Zooms, dem schnelleren Laden von Bildern und einem einheitlichen Erscheinungsbild der Produktbilder helfen.

NOTE
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.

Durch Festlegen einer maximalen Pixelbreite und -höhe wird die Größe des Bildes auf die physischen Abmessungen pro Pixel geändert. Commerce ändert die Bildgröße entsprechend der größeren Breite bzw. Höhe und behält dabei die Proportionen bei. Wenn Sie die Qualität von JPG-Bildern verringern, wird auch die Dateigröße verringert.

Bei einer 3000 x 2100 Pixel großen JPG mit 100 % kann es sich beispielsweise um eine Bilddatei mit einer Größe von 5 MB oder mehr handeln. Die Größe dieses Bildes würde die Breite auf 1920 Pixel reduzieren, Proportionen und Qualität auf 80 % beibehalten, um eine viel kleinere Dateigröße mit hoher Qualität zu erzielen.

Ändern der Bildgröße aktivieren

  1. Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.

  2. Erweitern Sie im linken Bereich Advanced und wählen Sie System.

  3. Erweitern Sie Erweiterungsauswahl den Abschnitt Konfiguration des Bild-".

    Um die Standardeinstellungen zu ändern, deaktivieren Sie bei Bedarf das Kontrollkästchen Use system value .

    Konfiguration des Bild-Uploads {width="600" modal="regular"}

    Eine detaillierte Liste dieser Konfigurationseinstellungen finden Sie unter Konfiguration des Bild-Uploads in der Konfigurationsreferenz.

  4. Stellen Sie zum Aktivieren sicher, dass Enable Frontend Resize auf Yes gesetzt ist.

  5. Geben Sie eine Quality zwischen 1 und 100 % ein.

    Für eine reduzierte Dateigröße und eine hohe Qualität wird eine Einstellung zwischen 80-90% empfohlen.

  6. Legen Sie die Maximum Width für das Bild in Pixel fest.

    Wenn die Größe des Bildes geändert wird, wird diese Breite nicht überschritten, und die Proportionen bleiben erhalten.

  7. Legen Sie die Maximum Height für das Bild in Pixel fest.

    Wenn die Größe des Bildes geändert wird, wird diese Höhe nicht überschritten, und die Proportionen bleiben erhalten.

  8. Klicken Sie abschließend auf Save Config.

Feldbeschreibungen

Feld
Umfang
Beschreibung
Quality
Global
Bestimmt die JPG-Qualität für das skalierte Bild. Geringere Qualität reduziert die Dateigröße. 80-90% wird empfohlen, um die Dateigröße mit hoher Qualität zu reduzieren. Standard: 80
Enable Frontend Resize
Global
Ermöglicht es Commerce, die Größe großer, übergroßer Bilder zu ändern, die für die Product Details ​hochgeladen werden können. Commerce ändert die Größe der Bilddateien mithilfe von JavaScript beim Hochladen der Datei. Wenn die Größe des Bildes geändert wird, werden die exakten Proportionen beibehalten, um die größte Größe für „Maximale Breite“ oder „Maximale Höhe“ zu erfüllen und nicht zu überschreiten. Standard: Yes
Maximum Width
Global
Bestimmt die maximale Pixelbreite für das Bild. Wenn die Größe des Bildes geändert wird, wird diese Breite nicht überschritten. Standard: 1920
Maximum Height
Global
Bestimmt die maximale Pixelhöhe für das Bild. Wenn die Größe des Bildes geändert wird, wird diese Höhe nicht überschritten. Standard: 1200

Platzhalter für Bilder

Adobe Commerce und Magento Open Source verwenden temporäre Bilder als Platzhalter, bis die permanenten Produktbilder verfügbar werden. Für jede Rolle kann ein anderer Platzhalter hochgeladen werden. Das ursprüngliche Platzhalterbild ist ein Beispiel-Logo, das Sie durch das Bild Ihrer Wahl ersetzen können.

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

So laden Sie Platzhalterbilder hoch:

  1. Navigieren Sie in Admin-Seitenleiste zu Stores > Settings>Configuration.

  2. Erweitern Sie im linken Bereich Catalog und wählen Sie darunter Catalog.

  3. Erweitern Sie Erweiterungssymbol den Abschnitt Product Image Placeholders .

    Platzhalter für Produktbilder {width="600" modal="regular"}

    Eine detaillierte Liste dieser Konfigurationseinstellungen finden Sie unter Produktbild-Platzhalter in der Konfigurationsreferenz.

  4. Klicken Sie für jede Bildrolle auf Choose File, suchen Sie das Bild auf Ihrem Computer und laden Sie die Datei hoch.

    Sie können dasselbe Bild für alle drei Rollen verwenden oder für jede Rolle ein anderes Platzhalterbild hochladen.

  5. Klicken Sie abschließend auf Save.

Informationen zu Bildrollen und empfohlenen Größen finden Sie unter Hochladen eines Bildes.

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