Optimale Produkt-Bilder

Die Entscheidung für die optimale Größe hängt von mehreren Faktoren ab. Folgend einige Tipps und Hintergründe zur Entscheidungsfindung.

Unterstützte Datei-Formate

Das eCMS unterstützt diverse Bildformate, aber nicht alle sind wirklich gut geeignet für die Verwendung von Produkt-Bildern.

  • JPG (empfohlen)
  • PNG
  • GIF (nicht zu empfehlen)
  • BMP (nicht zu empfehlen)

 

Das JPG-Format bietet für eine relativ geringe Dateigröße (gut für schnelles Laden der Bilder im Browser) eine gute Qualität und ist damit auch das meistverwendete Format für solche Bilder.

Für die JPG-Kompression des Bilders sollte mindestens Qualität 60 eingestellt sein. In Ausnahmefällen, kann diese auch geringer gewählt werden - dies hängt letztendlich vom eigenen Qualitätsanspruch ab.

Es sollten Bild-Dateien vom Typ RGB und nicht vom Typ CYMK verwendet werden.

Die eingestellte Auflösung DPI (Dots per Inch) in der eigentlichen Bild-Datei ist bei der Verwendung im Shop-System egal, da diese nicht verwendet wird. Stattdessen kommt es auf die eigentlichen Pixel-Maße des Bildes an.

 

Richtwerte für Bild-Größen

Eine allgemeingültige optimale Bildgröße gibt es leider nicht. Dies hängt von mehreren Faktoren ab.

Aber im Zweifelsfalle sollten die Bilder eine größtmögliche Auflösung besitzen, da das System die Bilder sehr gut automatisch runterskalieren kann (siehe unten).
Ein wirkliches nachträgliches Vergrößern (nicht zu verwechseln mit dem Hinein-Zoomen in ein Bild) von Bildern ist niemals von guter Qualität und sollte auf jeden Fall vermieden werden.

Bild-Größe Beschreibung
ca. 300 x 300 Pixel Minimum - entspricht ungefähr einem nicht-gezoomten Bild auf der Produkt-Detailseite.
ca. 1000 x 1000 Pixel OK - entspricht ungefähr einem zoombaren Bild auf der Produkt-Detailseite.
> 2000 x 2000 Pixel Besser - je größer, desto besser (zukunftsorientierter)

 

Letztendlich hängt die optimale Bildgröße davon ab, welche Auflösungen, d.h. Pixel-Breiten und -Höhen im Shop-Frontend benötigt werden. Meistens gibt die jeweils implementierte Zoom-Ansicht auf der Produkt-Detail-Seite diese Mindest-Werte vor.

Zusätzlich sollte berücksichtigt werden, dass auch hochauflösende Displays (bspw. Apple Retina-Display und andere) eventuell unterstützt werden sollten, was die Mindest-Auflösungen ebenfalls entsprechend erhöht.
Anmerkung: Die Austeuerung von hochauflösenden Bildern muss vom Shop-Frontend-Template unterstützt werden!

 

Richtwerte für Seiten-Verhältnisse

Dies hängt ausschließlich mit der Verwendung der Bilder im Shop-Template zusammen und kann daher nicht generell festgelegt werden.

 

Auto-Skalierung (eCMS)

Das eCMS kann automatisch (Produkt-) Bilder skalieren. Diese werden aus Performance-Gründen auf der Festplatte gecached.

Es können von einem Bild mehrere skalierte Größen parallel gecached werden. Diese beeinflussen sich untereinander nicht, verbrauchen allerdings auch entsprechend Platz auf der Festplatte.

Genauere Informationen zum Skalieren von Bild-Dateien finden Sie in der Dokumentation des eCMS.