#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.



Bitte teile uns deine Meinung mit!

Danke, das hat mir geholfen
Hat mir nicht geholfen

a7153ef4017d52e55e84015510a1a7ca
Kurz die Cookies, dann geht's weiter...
Auch diese Seite nutzt die üblichen Arten von Cookies: Technische und funktionale Cookies sind unbedingt nötig,damit diese Website überhaupt funktionieren kann.Zusätzlich nutzen wir Marketing-Cookies,damit wir dich auf unseren Seiten wiedererkennen und unsere Website und Kampagnen stets verbessern können, sowie Personalisierungs-Cookies mit denen wir dich, auch außerhalb dieser Website, besser ansprechen können.

Mit der Auswahl "Akzeptieren und Schließen" erlaubst Du uns die Verwendung dieser Cookies und Technologien. Bitte besuche unsere Datenschutzerklärung für weitere Informationen. Dort erfährst Du auch wie wir die Daten für erforderliche Zwecke (z. B. Sicherheit) verwenden.

Hier kannst du einstellen, welche Cookies du zulassen möchtest.

Technisch erforderlich

Wir nutzen Cookies, um die Bedienung und die Bereitstellung der Website zu ermöglichen und um sicherzustellen, dass bestimmte Funktionen ordnungsgemäß funktionieren. Diese Cookies sind immer aktiviert, da Du die Website sonst nicht ordnungsgemäß bedienen könntest.

Marketing

Die TC-Innovations GmbH und unsere Werbepartner (einschließlich Social Media-Plattformen wie Google, Facebook und Instagram) nutzen Tracking, um Dir personalisierte Angebote anzubieten, die Dir das volle Nutzererlebnis bieten. Dies beinhaltet das Anzeigen von "Direktwerbung auf Werbeplattformen Dritter", wie in der Datenschutzerklärung beschrieben. Wenn Du dieses Tracking nicht akzeptierst, wirst Du dennoch zufällige Werbeanzeigen von uns auf anderen Plattformen angezeigt bekommen.

Analyse

Um unsere Websites und Services stetig zu verbessern, analysieren wir das Nutzerverhalten auf unseren Websites.

Mehr Informationen findest du in unserer Datenschutzerklärung.

Speichern Cookie-Einstellungen Akzeptieren und Schließen