---
title: "WooCommerce Produktbilder: Größe und Anforderungen (2026) | Herofab"
description: "Produktbilder mit mindestens 800 × 800 Pixeln hochladen; WooCommerce skaliert sie auf die Einzel-, Katalog- und Vorschaubildgrößen, die das Theme vorgibt."
url: https://herofab.app/de/guides/woocommerce-product-image-size
language: de
updated: 2026-10-12
---

# WooCommerce Produktbilder: Anforderungen

Produktbilder mit mindestens 800 × 800 Pixeln hochladen; WooCommerce skaliert sie auf die Einzel-, Katalog- und Vorschaubildgrößen, die das Theme vorgibt.

![Das weiße T-Shirt mit Rundhalsausschnitt als Ghost-Mannequin auf Weiß](https://herofab.app/img/ex/tee-ghost-886.webp)

Erstellt mit Herofab · Ghost-Mannequin

## Alle Bildanforderungen von WooCommerce

Quelle: [WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images](https://woocommerce.com/document/adding-product-images-and-galleries/). Geprüft am 11. Oktober 2026. [Erneut gelesen · 11. Oktober 2026](https://herofab.app/de/guides/marketplace-image-rule-changes)

- **Empfohlen:** Bilder mit mindestens 800 × 800 Pixeln hochladen; größere Bilder sind bei Produkten mit feinen Details besser
- **Bildtypen:** Drei Typen: das Einzelproduktbild, Katalogbilder in Produkt-Loops wie der Shop-Seite und Produkt-Vorschaubilder
- **Größenanpassung:** WooCommerce erzeugt die Anzeigegrößen aus dem Upload; in klassischen Themes ist das Einzelproduktbild standardmäßig 600 Pixel breit, Katalog-Vorschaubilder sind 300 Pixel breit und Galerie-Vorschaubilder 100 × 100 Pixel groß
- **Zuschnitt:** Katalog-Vorschaubilder können auf 1:1 oder ein eigenes Verhältnis eingestellt oder unbeschnitten gelassen werden; unbeschnittene Bilder können in ungleichen Größen erscheinen
- **Storefront-Theme:** Im Storefront-Theme ist das größte Einzelproduktbild 800 × 800 Pixel groß, die Größe, die sein Zoom-Effekt erfordert
- **Retina:** Für scharfe Bilder auf Retina-Displays die Vorschaubilder auf das Doppelte der Größe einstellen, die das Theme darstellt
- **Änderungen:** Nach dem Aktivieren eines neuen Themes oder dem Ändern der Einstellungen für Bildabmessungen müssen zuvor erstellte Vorschaubilder neu generiert werden

[Bilder kostenlos prüfen](https://herofab.app/de/tools/image-size-checker)

## Was WooCommerce verlangt, erfüllt.

Herofab-Bilder werden in 2K oder 4K geliefert — in jedem Seitenverhältnis über 800 × 800 Pixeln, sodass ein Upload das Einzelproduktbild, das Katalogbild und das Vorschaubild von WooCommerce abdeckt. Mit einem Tarif oder Credit-Paket erstellte Bilder tragen kein Wasserzeichen und keinen hinzugefügten Text.

### Über 800 × 800

Die 2K- und 4K-Ausgabe liegt in jedem Seitenverhältnis über der Größe, die WooCommerce empfiehlt.

### Quadratisch für den Katalog

Die quadratische Ausgabe passt zur Vorschaubild-Einstellung 1:1, ohne dass WooCommerce das Produkt beschneidet.

### Kein Wasserzeichen

Mit einem Tarif oder Credit-Paket erstellte Bilder tragen kein Wasserzeichen und keinen hinzugefügten Text.

[Kostenlos starten](https://app.herofab.app/login?lang=de) · [Produktfotos für WooCommerce](https://herofab.app/de/tools/product-photos-for-woocommerce)

## WooCommerce: Antworten.

**Wie groß sollten Produktbilder für WooCommerce sein?**

Produktbilder mit mindestens 800 × 800 Pixeln hochladen; WooCommerce skaliert sie auf die Einzel-, Katalog- und Vorschaubildgrößen, die das Theme vorgibt.

**Kann ich meine Bilder vor dem Hochladen prüfen?**

Ja. Der kostenlose [Bildgrößen-Check](https://herofab.app/de/tools/image-size-checker) liest jede Datei in Ihrem Browser und prüft sie gegen diese Regeln; das Bild wird nicht hochgeladen.

**Woher stammen diese Angaben?**

Aus WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images, gelesen am 11. Oktober 2026. Marktplätze aktualisieren ihre Regeln; maßgeblich ist die [offizielle Seite](https://woocommerce.com/document/adding-product-images-and-galleries/).

[Virtuelle Anprobe](https://herofab.app/de/tools/virtual-try-on) · [Freistellen](https://herofab.app/de/tools/background-remover) · [Alle Leitfäden](https://herofab.app/de/guides/)