Bilder

Produktbilder hochladen, sortieren und optimieren.

Zuletzt aktualisiert: 2025-01-01

Bilder

Hochwertige Produktbilder sind entscheidend für den Verkaufserfolg. Erfahren Sie, wie Sie Bilder korrekt hochladen, sortieren, für verschiedene Varianten zuweisen und für schnelle Ladezeiten optimieren.

Bilder hochladen

Beim Produkt anlegen oder bearbeiten

  1. Öffnen Sie das Produkt unter Produkte > [Produktname] > Bearbeiten.
  2. Scrollen Sie zum Abschnitt Bilder.
  3. Klicken Sie auf Bilder hinzufügen oder ziehen Sie Dateien direkt in den Upload-Bereich.
  4. Wählen Sie eine oder mehrere Bilddateien gleichzeitig aus.
  5. Die Bilder werden hochgeladen und als Vorschau angezeigt.

Über die Medienbibliothek

Bereits hochgeladene Bilder können Sie aus der zentralen Medienbibliothek wiederverwenden:

  1. Klicken Sie auf Aus Medienbibliothek wählen.
  2. Suchen oder filtern Sie das gewünschte Bild.
  3. Klicken Sie auf das Bild, um es hinzuzufügen.

Unterstützte Dateiformate

FormatEmpfohlen fürHinweise
JPG/JPEGProduktfotosGutes Verhältnis Qualität/Dateigröße
PNGFreigestellte Objekte, LogosUnterstützt Transparenz
WebPAlle ProduktbilderBeste Kompression, wird automatisch erzeugt

Maximale Dateigröße: 10 MB pro Bild. Der Shop konvertiert Bilder automatisch in WebP für schnelle Ladezeiten, behält aber die Originaldatei.

Empfohlene Bildspezifikationen

Für optimale Darstellung auf allen Geräten:

  • Mindestgröße: 1200×900 px
  • Empfohlene Größe: 2000×1500 px (Seitenverhältnis 4:3)
  • Quadratisch: 1500×1500 px (für einheitliche Galerien)
  • Hintergrund: Weißer oder neutraler Hintergrund für konsistentes Erscheinungsbild
  • Auflösung: 72 dpi (für Web ausreichend, höher schadet nicht)
  • Farbprofil: sRGB

Bilder sortieren

Die Reihenfolge der Bilder bestimmt, welches als Hauptbild erscheint:

  1. Das erste Bild in der Reihe ist das Hauptbild (Vorschaubild in der Produktliste).
  2. Ziehen Sie Bilder per Drag-and-Drop in die gewünschte Reihenfolge.
  3. Klicken Sie auf Speichern, um die neue Reihenfolge zu übernehmen.

Empfehlung: Stellen Sie das Bild mit dem besten Gesamteindruck an die erste Position. Folgebilder können Details, Ausschnitte, Maßangaben oder Umgebungsaufnahmen zeigen.

Hauptbild festlegen

Alternativ zur Reihenfolge können Sie das Hauptbild direkt festlegen:

  1. Bewegen Sie den Mauszeiger über ein Bild.
  2. Klicken Sie auf das Stern-Symbol, um es als Hauptbild zu markieren.

Bilder pro Variante zuweisen

Wenn Ihr Produkt Varianten hat (z. B. verschiedene Holzarten), können Sie jeder Variante ein eigenes Bild zuweisen:

  1. Öffnen Sie den Abschnitt Varianten im Produkt.
  2. Klicken Sie in der Variantentabelle auf das Kamera-Symbol der gewünschten Variante.
  3. Wählen Sie ein Bild aus der Produktgalerie oder laden Sie ein neues hoch.
  4. Wenn ein Kunde diese Variante auswählt, wechselt die Galerie automatisch zu diesem Bild.

Bild löschen

  1. Bewegen Sie den Mauszeiger über das Bild.
  2. Klicken Sie auf das Papierkorb-Symbol.
  3. Das Bild wird aus dem Produkt entfernt (bleibt jedoch in der Medienbibliothek erhalten).

Um ein Bild vollständig zu löschen, navigieren Sie zu Medien und löschen es dort.

Bilder optimieren — Tipps

Aufnahmetechnik

  • Fotografieren Sie auf einem weißen oder natürlichen Hintergrund für einen professionellen Eindruck.
  • Verwenden Sie diffuses Tageslicht oder ein Lichtzelt, um harte Schatten zu vermeiden.
  • Zeigen Sie Maßstab: Legen Sie einen Gegenstand (Pflanze, Buch) ins Bild oder fotografieren Sie in einem eingerichteten Raum.
  • Für Holzprodukte: Machen Sie Detailaufnahmen der Maserung — das schafft Vertrauen.

Bildbearbeitung

  • Stellen Sie Helligkeit und Kontrast so ein, dass Holzfarben naturgetreu wirken.
  • Schneiden Sie Bilder auf ein einheitliches Seitenverhältnis zu (empfohlen: 4:3).
  • Entfernen Sie störende Elemente im Hintergrund.
  • Skalieren Sie die finale Datei auf maximal 2000 px Breite — größer ist für Web nicht nötig.

Dateigröße reduzieren

Vor dem Hochladen können Sie die Dateigröße manuell reduzieren:

  • JPG: In einem Bildbearbeitungsprogramm mit Qualität 80–85 % exportieren.
  • PNG: Tool wie TinyPNG nutzen.
  • WebP: Der Shop konvertiert automatisch — kein manueller Schritt erforderlich.

Alt-Texte (Barrierefreiheit und SEO)

Jedes Bild sollte einen beschreibenden Alt-Text haben:

  1. Klicken Sie auf ein hochgeladenes Bild.
  2. Geben Sie im Feld Alt-Text eine kurze Beschreibung ein (z. B. „Zirbenbett Bodensee in Größe 180×200 cm, Holz naturbelassen").
  3. Speichern Sie.

Alt-Texte helfen Suchmaschinen, Ihre Bilder zu indexieren, und ermöglichen blinden Nutzern das Verständnis des Bildinhalts.

Medienbibliothek verwalten

Die Medienbibliothek unter Medien zeigt alle hochgeladenen Dateien:

  • Suche: Filtern Sie nach Dateiname oder Datum.
  • Verwendung prüfen: Sehen Sie, welchen Produkten ein Bild zugeordnet ist.
  • Metadaten bearbeiten: Alt-Text und Dateiname anpassen.
  • Nicht verwendete Bilder können gelöscht werden, um Speicherplatz freizugeben.

Nächste Schritte