WooCommerce Image Resizer

WooCommerce empfiehlt derzeit, Produktbilder mit einer Auflösung von mindestens 800 × 800 Pixeln hochzuladen.

WooCommerce weist darauf hin, dass diese Größe gut für das Einzelproduktbild, Katalogbilder und Thumbnails funktioniert, während größere Quellbilder für Produkte mit feinen Details nützlich sein können.

Es gibt keine einzige verbindliche WooCommerce-Produktbildgröße, die jeder Shop verwenden muss.

Die letztendlich angezeigten Maße können vom aktiven Theme, den WooCommerce-Einstellungen und dem Ort abhängen, an dem das Bild im Shop angezeigt wird.

Die WooCommerce-Voreinstellung von Image Fixer verwendet 1200 × 1200 px als praktischen, hochauflösenden, quadratischen Ausgangspunkt.

Das ist ein Image Fixer-Preset und keine offizielle WooCommerce-Anforderung.

Die WooCommerce-Dokumentation beschreibt drei Haupttypen von Produktbildern.

Einzelnes Produktbild

Dies ist das größte Produktbild und bezieht sich auf das Haupt- oder Beitragsbild auf der einzelnen Produktseite.

Katalogbilder

Dies sind mittelgroße Bilder, die in Produkt-Loops verwendet werden, einschließlich der Shop-Seite, Produktkategorieniten, ähnlicher Produkte, Up-Sells und Cross-Sells.

Produkt-Thumbnails

Das sind kleinere Bilder, die an Orten wie Warenkorb, Widgets und optionalen Galerievorschaubildern unter dem Hauptproduktbild verwendet werden.

Dasselbe hochgeladene Quellfoto kann daher in verschiedenen visuellen Kontexten in einem WooCommerce-Shop verwendet werden.

Nein.

WooCommerce erfordert nicht, dass jedes Produktbild quadratisch ist.

Für Produktvorschaubilder unterstützt WooCommerce verschiedene Zuschneideoptionen.

Je nach Shop-Konfiguration können Vorschaubilder Folgendes verwenden:

• 1:1 quadratischer Zuschnitt
• ein benutzerdefiniertes Seitenverhältnis
• unkropierte Bilder

Die Verwendung unkropierter Bilder behält ihre ursprüngliche Form bei, kann jedoch dazu führen, dass Produktgitter weniger einheitlich wirken, wenn die Quellbilder unterschiedliche Seitenverhältnisse aufweisen.

Quadratische Quellbilder sind daher eine nützliche Konsistenzstrategie für viele Shops, sie sind jedoch keine WooCommerce-Anforderung.

WooCommerce kann Vorschaubilder gemäß den Produkteinstellungen des Shops zuschneiden.

Eine 1:1-Einstellung erzeugt quadratische Vorschaubilder.

Eine benutzerdefinierte Einstellung ermöglicht dem Shop die Verwendung eines anderen Seitenverhältnisses.

Eine unbeschnittene Ansicht zeigt Bilder in ihrem ursprünglichen Seitenverhältnis, was im gesamten Produktkatalog zu unterschiedlichen Bildformaten führen kann.

Der wichtige Unterschied ist, dass die Vorbereitung eines quadratischen Quellbilds und die Konfiguration von WooCommerce, Vorschaubilder quadratisch zuzuschneiden, nicht dasselbe sind.

Image Fixer bereitet die Quelldatei vor.

WooCommerce und das Shop-Theme steuern, wie diese Quelle schließlich im Shop angezeigt und zugeschnitten wird.

Nicht alle WooCommerce-Shops verwenden dasselbe Shop-Layout.

Die WooCommerce-Dokumentation erklärt, dass Themes die Abmessungen von Produktbildern definieren oder beeinflussen können.

In einigen klassischen Theme-Setups sind die Einstellungen für Produktbilder verfügbar über:

Darstellung > Anpassen > WooCommerce > Produktbilder

Wenn der Bereich für Produktbilder dort nicht verfügbar ist, definiert das Theme möglicherweise eigene Bildgrößen.

Block-Themes verwenden zudem einen anderen Bearbeitungs-Workflow und bieten möglicherweise nicht dieselben Steuerelemente über die normale Customizer-Oberfläche.

Aus diesem Grund ist eine Bildgröße, die in einem WooCommerce-Shop ideal aussieht, vielleicht nicht die ideale Anzeigegröße für einen anderen.

Image Fixer bereitet einheitliche Quellbilder vor, steuert jedoch nicht das aktive WordPress-Theme oder das WooCommerce-Shop-Layout.

Ein Produktbild kann an mehreren Stellen in einem WooCommerce-Shop angezeigt werden.

Das große Bild auf einer Produktseite muss nicht in denselben Abmessungen wie ein kleines Warenkorb-Vorschaubild ausgeliefert werden.

WooCommerce und WordPress generieren daher Bildgrößen, die in verschiedenen Shop-Kontexten verwendet werden können.

Die offizielle Dokumentation von WooCommerce besagt, dass die Anzeigegrößen für hochgeladene Produktbilder automatisch generiert werden.

Dies macht die Qualität des originalen Quellbildes besonders wichtig.

Wenn Sie mit einem ausreichend großen, klaren Produktfoto beginnen, erhält WooCommerce nützlicheres Quellmaterial beim Erstellen der für den Shop benötigten Bildgrößen.

Das WooCommerce-Preset von Image Fixer verwendet eine quadratische 1200 × 1200 px große Leinwand.

Dies ist keine offizielle WooCommerce-Anforderung.

Die aktuelle Dokumentation von WooCommerce empfiehlt das Hochladen von Bildern mit einer Auflösung von mindestens 800 × 800 px.

Image Fixer verwendet 1200 × 1200 px als praktischen, höher aufgelösten Startpunkt, der über dieser Empfehlung liegt und gleichzeitig einen einheitlichen quadratischen Quellkatalog bietet.

Je nach Theme, Layout und Bildanforderungen kann Ihr Shop von anderen Maßen profitieren.

Image Fixer ermöglicht es Ihnen auch, andere Standard-Ausgabegrößen zu wählen oder bei Bedarf eine benutzerdefinierte Größe einzugeben.

Zwei Produktbilder können jeweils 1200 × 1200 px groß sein und dennoch optisch unvereinbar wirken.

Ein Produkt füllt möglicherweise den Großteil des Bildes aus, während ein anderes viel kleiner erscheint, da das Ausgangsfoto mehr Leerraum enthält.

Leinwandabmessungen und Produktrahmen lösen unterschiedliche Probleme.

Die Abmessungen bestimmen die äußere Bildgröße.

Die Ausrichtung bestimmt, wie groß das Quellfoto innerhalb des Bildes dargestellt wird.

Mit Image Fixer können Sie die Ausgabe-Leinwand standardisieren und gleichzeitig die Produktgröße steuern.

Die Produktgröße lässt sich für die gesamte Charge anpassen und bei Bedarf für einzelne Bilder feinabstimmen.

Ja.

Ein Quellfoto im Hoch- oder Querformat muss nicht verzerrt werden, um auf eine quadratische Produktbild-Leinwand zu passen.

Image Fixer behält die Proportionen des Quellbildes bei und passt das Foto in die ausgewählte Ausgabe-Leinwand ein.

Wenn die Seitenverhältnisse nicht übereinstimmen, wird zusätzlicher Leinwandplatz verwendet, anstatt das Quellfoto zu verzerren.

Dies kann dazu beitragen, die Maße von Produktbildern zu vereinheitlichen und dabei die Proportionen des Originalfotos beizubehalten.

Die offizielle Dokumentation von WooCommerce nennt die Bildgröße als einen möglichen Grund dafür, dass Produktbilder verschwommen oder weich wirken.

Ein angezeigtes Bild benötigt genügend Quellauflösung für die Größe, in der das Theme es darstellt.

WooCommerce nennt ein Beispiel: Wenn ein Theme ein Bild mit 80 × 80 Pixeln anzeigt, kann die Verwendung eines 160 × 160 Pixel großen Bildes die Darstellung auf Displays mit hoher Pixeldichte verbessern.

WooCommerce warnt jedoch auch davor, dass größere Bildabmessungen die Ladezeit der Seite erhöhen können.

Ein verschwommenes Shop-Bild wird daher nicht immer nur durch die Originaldatei verursacht.

Auch Theme-Einstellungen, generierte Bildgrößen und Anzeigemaße können eine Rolle spielen.

Image Fixer kann ein qualitativ hochwertigeres, einheitliches Quellbild erstellen, aber es kann nicht die Darstellungskonfiguration des WooCommerce-Themes diagnostizieren oder ändern.

Nein.

Größere Quellbilder können mehr Details bewahren, aber unnötig große Bilder können auch die Dateigebung und die Ladezeiten der Seite erhöhen.

WooCommerce weist ausdrücklich darauf hin, dass größere Bildabmessungen die Ladeleistung der Seite beeinträchtigen können.

Das Ziel ist daher nicht, die größtmögliche Datei hochzuladen.

Der bessere Ansatz besteht darin, genügend Auflösung für die tatsächlichen Anzeigeanforderungen des Shops zu verwenden und gleichzeitig die Bildauslieferung effizient zu halten.

Das 1200 × 1200 px WooCommerce-Preset von Image Fixer ist als praktischer Ausgangspunkt gedacht, nicht als universelles Maximum oder Minimum.

Das bestehende WooCommerce-Preset von Image Fixer exportiert WebP.

WebP ist ein modernes Web-Bildformat, das eine effiziente Bildbereitstellung für E-Commerce-Produktfotografie ermöglichen kann.

Dies ist jedoch eine Voreinstellung von Image Fixer.

WooCommerce-Produktbilder werden über das WordPress-Mediensystem verwaltet, und der genaue Bild-Workflow kann von der WordPress-Installation, der Hosting-Umgebung, dem Theme und anderen Website-Konfigurationen abhängen.

Image Fixer unterstützt auch JPEG und PNG, wenn diese Formate für den Workflow eines Shops besser geeignet sind.

WooCommerce ermöglicht für ein Produkt ein Haupt-Produktbild und zusätzliche Produktgaleriebilder.

Das Produktbild ist das Haupt-Vorschaubild für das Produkt.

Galeriebilder bieten zusätzliche Ansichten, die Käufer auf der Produktseite durchstöbern können.

Der aktuelle Produktgalerie-Block von WooCommerce kann Vorschaubilder und einen größeren Viewer anzeigen sowie je nach Shop-Konfiguration Funktionen wie Zoom, Vollbildansicht und Weiter/Zurück-Navigation unterstützen.

Die Verwendung einheitlicher Quellabmessungen und Rahmungen sowohl für das Hauptbild als auch für die Galerie sorgt für eine sauberere visuelle Präsentation.

Image Fixer kann diese Quelldateien gemeinsam in einem Batch vorbereiten, lädt sie jedoch nicht in WooCommerce hoch und bestimmt auch nicht deren endgültige Reihenfolge.

Produktkatalogseiten zeigen oft viele Produkte direkt nebeneinander an.

Wenn Quellbilder unterschiedliche Abmessungen, Seitenverhältnisse und Mengen an umgebenem Platz verwenden, können Produkte visuell ungleichmäßig wirken, selbst wenn WooCommerce die Vorschaubilder zuschneidet.

Ein einheitlicher Quellbild-Workflow kann diese Unterschiede reduzieren, bevor die Bilder in den Shop gelangen.

Image Fixer kann Folgendes standardisieren:

• Leinwandabmessungen
• Seitenverhältnis
• umgebende Leinwand
• Produktrahmung
• Ausgabeformat

Dies ist besonders nützlich, wenn ein Katalog Produktfotos von verschiedenen Anbietern, Fotografen, Geräten oder älteren Uploads enthält.

• Beginnen Sie mit klaren, qualitativ hochwertigen Original-Produktfotos
• Streben Sie mindestens 800 × 800 px an, wenn Sie den aktuellen Quellbild-Empfehlungen von WooCommerce folgen
• Verwenden Sie größere Quellbilder, wenn feine Produktdetails dies erfordern
• Überprüfen Sie die Bildabmessungen, die von Ihrem aktiven WooCommerce-Theme erwartet werden
• Entscheiden Sie, ob Ihr Katalog quadratische, benutzerdefinierte oder nicht zugeschnittene Vorschaubilder verwendet
• Halten Sie die Produktrahmung im gesamten Katalog konsistent
• Vermeiden Sie das Strecken von Quellfotos
• Stellen Sie sicher, dass das Produkt innerhalb der Leinwand gut sichtbar bleibt
• Verwenden Sie nach Möglichkeit einheitliche Quellabmessungen
• Wählen Sie ein für Ihren Shop geeignetes Ausgabeformat
• Vermeiden Sie unnötig große Dateien, die die Ladezeit ohne visuellen Nutzen erhöhen
• Überprüfen Sie das Hauptproduktbild auf der eigentlichen Produktseite
• Überprüfen Sie die Katalogbilder auf Shop- und Kategorieseiten
• Überprüfen Sie kleinere Vorschaubilder, sofern Ihr Shop diese verwendet
• Überprüfen Sie die Darstellung im Desktop- und Mobil-Shop nach dem Hochladen