Produktbildkonfiguration

Wenn Sie große Bilder für die Anzeige auf der Product Details-Seite können Sie erwägen, 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 unterschiedlichen Größen hinzufügen, um detaillierte, hochwertige Zoomfunktionen für die Product Details ​Seite. 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 sRGB Farbprofil. Alle anderen Farbprofile werden automatisch in die sRGB Farbprofil während des Produktbild-Uploads, 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. Durch Commerce wird die Größe des Bildes entsprechend der höheren Breite oder Höhe angepasst, wobei die Proportionen beibehalten werden. Durch die Reduzierung der Qualitätsmenge für JPG-Bilder wird die Dateigröße reduziert.

Eine JPG mit 3000 x 2100 Pixel bei 100 % kann beispielsweise eine Bilddatei mit 5 MB oder mehr 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. Im Admin Seitenleiste, navigieren Sie zu Stores > Settings>Configuration.

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

  3. Erweitern Erweiterungsauswahl die Konfiguration zum Hochladen von Bildern Abschnitt.

    Um die Standardeinstellungen zu ändern, deaktivieren Sie die Option Use system value bei Bedarf.

    Konfiguration zum Hochladen von Bildern {width="600" modal="regular"}

    Eine detaillierte Liste dieser Konfigurationseinstellungen finden Sie unter Konfiguration zum Hochladen von Bildern im Konfigurationsreferenz.

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

  5. Geben Sie einen Quality Einstellung zwischen 1 und 100%.

    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.

    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.

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

  8. Wenn Sie fertig sind, klicken Sie auf Save Config.

Feldbeschreibungen

Feld
Anwendungsbereich
Beschreibung
Quality
Global
Bestimmt die JPG-Qualität für das in der Größe 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, übergroßer Bilder zu ändern, die Sie für die Product Details ​Seite. Commerce ändert die Größe der Bilddateien beim Hochladen der Datei mit JavaScript. 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"}

Hochladen von Platzhalterbildern:

  1. Im Admin Seitenleiste, navigieren Sie zu Stores > Settings>Configuration.

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

  3. Erweitern Erweiterungssymbol die Product Image Placeholders Abschnitt.

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

    Eine detaillierte Liste dieser Konfigurationseinstellungen finden Sie unter Produkt-Bild-Platzhalter im 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. Wenn Sie fertig sind, klicken Sie auf Save.

Informationen zu Bildrollen und empfohlenen Größen finden Sie unter Bild hochladen.

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