Produktbildkonfiguration

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

Größe des Produktbilds ändern

Beim Hochladen von Produktbildern können Sie größere Bilder mit unterschiedlicher Größe hinzufügen, um detaillierte, hochwertige Zoommöglichkeiten auf der Seite Product Details ​zu bieten. Um sicherzustellen, dass alle Bilder eine ähnliche Größe und einen ähnlichen Look haben, gibt es eine Option zur Größenanpassung des Bildes, um sicherzustellen, dass alle Bilder einer bestimmten Pixelgröße entsprechen. Diese Option passt die Größe aller Produktbilder mithilfe der Konfigurationseinstellungen automatisch an. Dies kann bei der Zoom-Leistung, beim schnelleren Laden von Bildern und beim einheitlichen Erscheinungsbild der Produktbilder hilfreich sein.

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

Durch Festlegen einer maximalen Pixelbreite und -höhe wird die Größe des Bildes auf die physischen Abmessungen nach Pixel geändert. Commerce passt die Bildgröße an die Breite oder Höhe an, wobei die Proportionen beibehalten werden. Durch die Reduzierung der Qualitätsmenge für JPG-Bilder wird die Dateigröße reduziert.

Beispielsweise könnte eine 3000 x 2100 Pixel große JPG bei 100 % eine 5 MB oder größere Bilddatei sein. Wenn Sie die Größe dieses Bildes ändern, wird die Breite auf 1920 Pixel reduziert, wobei die Proportionen und die Qualität auf 80 % gehalten werden, um eine wesentlich kleinere Dateigröße mit hoher Qualität zu erzielen.

Bildgröße aktivieren

  1. Wechseln Sie in der Seitenleiste Admin zu Stores > Settings>Configuration.

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

  3. Erweitern Sie Erweiterungsauswahl im Abschnitt Konfiguration zum Hochladen von Bildern .

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

    Konfiguration zum Hochladen von Bildern {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 -Einstellung zwischen 1 und 100% ein.

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

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

    Wenn die Größe des Bildes geändert wird, überschreitet es diese Breite nicht und behält Proportionen bei.

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

    Wenn die Größe des Bildes geändert wird, überschreitet es diese Höhe nicht und behält Proportionen bei.

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

Feldbeschreibungen

Feld
Umfang
Beschreibung
Quality
Global
Bestimmt die JPG-Qualität für das angepasste Bild. Eine niedrigere Qualität verringert die Dateigröße. 80-90 % werden empfohlen, um die Dateigröße bei hoher Qualität zu reduzieren. Standard: 80
Enable Frontend Resize
Global
Ermöglicht es Commerce, die Größe großer, überdimensionaler Bilder zu ändern, die Sie für die Product Details-Seite hochladen können. Commerce passt die Größe der Bilddateien beim Hochladen der Datei mithilfe von JavaScript an. Wenn die Größe des Bildes geändert wird, behält es die genauen Proportionen bei, um die größte Größe für "Maximale Breite"oder "Maximale Höhe"zu erreichen und nicht zu überschreiten. Standard: Yes
Maximum Width
Global
Legt die maximale Pixelbreite für das Bild fest. Wenn die Größe des Bildes geändert wird, überschreitet es diese Breite nicht. Standard: 1920
Maximum Height
Global
Legt die maximale Pixelhöhe für das Bild fest. Wenn die Größe des Bildes geändert wird, überschreitet es diese Höhe nicht. Standard: 1200

Bild-Platzhalter

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

Bild-Platzhalter {width="600" modal="regular"}

So laden Sie Platzhalterbilder hoch:

  1. Wechseln Sie in der Seitenleiste Admin zu Stores > Settings>Configuration.

  2. Erweitern Sie im linken Bedienfeld den Wert Catalog und wählen Sie unter "Catalog".

  3. Erweitern Sie Erweiterungssymbol den Abschnitt Product Image Placeholders .

    Produkt-Bild-Platzhalter {width="600" modal="regular"}

    Eine detaillierte Liste dieser Konfigurationseinstellungen finden Sie unter Produkt-Bild-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 nach Abschluss des Vorgangs auf Save.

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

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