#2175 Welche Bildgrößen muss ich in/mit ThemeWare® nutzen?

Grundsätzlich empfehlen wir dir, immer die Bildgröße des jeweiligen Beispiel-Bildes, welches im Theme mitgeliefert wird, beizubehalten. Diese kannst du entweder der Bild-Datei direkt auf deinem Server oder der PSD-Datei im Bildvorlagen-Downloadpaket entnehmen.

Hinweis: Bei grundlegenden Änderungen bei der Thumbnail-Generierung von Shopware aktualisieren wir unsere PSD-Dateien. Wir weisen darauf dann ggf. in unserem Service Portal hin.

Allgemein

Die Shopware 6 "Medienverwaltung" nutzt standardmäßig folgende Thumbnail-Größen:

• 400x400 Pixel (B x H)
• 800x800 Pixel (B x H)
• 1920x1920 Pixel (B x H)

Shopware generiert automatisch die entsprechend kleineren Thumbnails welche je nach Viewport dann in der Storefront verwendet werden.

Produktbilder

Um eine gute Performance sicher zu stellen solltest du hier nicht zu große Bilder verwenden. Shopware empfiehlt für eine optimale Darstellung quadratische Produktbilder mit einer Auflösung von 600x600 Pixeln. Generell sind aber auch andere Auflösungen möglich.

In unseren Demoshops nutzen wir aus visuellen Gründen 1200x1200 Pixel große Produktbilder.

Logo (Shop-Logo)

Die optimalen Bildgrößen kannst du den PSD-Datei im Bildvorlagen-Downloadpaket der "ThemeWare^® Utilities" entnehmen.

Tipps:

• Nutze nicht zu kleinteilige bzw. detaillierte Grafiken für dein Shop-Logo. Diese eignen sich i.d.R. nicht gut für kleine Viewports. Hinterlege darum zumindest für kleine Logos eine weniger detaillierte Variante.
• Um Interpolations-Unschärfen durch eine Browser-Skalierung zu vermeiden nutze ein Logo in einer möglichst passenden Größe und ggf. eher etwas größer als nötig. Orientiere dich gerne an unseren Bildvorlagen.
• Logos im Querformat bieten sich an, da diese in den meisten Viewports platzsparend in die verschiedenen Header passen.
• Vermeide unnötigen Leerraum um die eigentliche Grafik. Dies erleichtert die Platzierung und Ausrichtung des Logos.

Detailgrad des Logos:

Unnötiger Leerraum in der Grafik:

Theme-Vorschaubild

Das Theme-Vorschaubild für Theme-Duplikate wird mit 225 x 120 px dargestellt. Diese Größe sollte das Bild mindestens haben. Das Standard-Theme von Shopware nutzt ein Bild in der Größe 228 x 138 px.

Größere Bilder werden mittig zentriert ausgerichtet und skaliert. Durch die CSS-Eigenschaft "cover" behält das Bild das Seitenverhältnis bei und wird so skaliert, dass es so klein wie möglich ist, aber den verfügbaren Bereich von 225 x 120 px vollständig abdeckt.

Wir empfehlen Dir dich an die Proportion von 225 x 120 Pixeln zu halten. Durch die Skalierung ist auch ein Bild in der Größe 450 x 240px möglich.