# Banner zu Groß

**URL:** <https://forum.shopware.com/t/banner-zu-gross/37066>\
**Category:** Themes & Design\
**Created:** [30. Mai 2016 um 10:31 UTC](https://forum.shopware.com/t/banner-zu-gross/37066 "2016-05-30T10:31:37Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![malakiras](https://avatars.discourse-cdn.com/v4/letter/m/90db22/32.png) [@malakiras](https://forum.shopware.com/u/malakiras)\
**Post date:** [30. Mai 2016 um 10:31 UTC](https://forum.shopware.com/t/banner-zu-gross/37066/1 "2016-05-30T10:31:37Z")

</div>

Hallo

Ich habe ein Banner erstellt mit der größe&nbsp;2362px x 933px.

Es ist jetzt aber immer ein Stück abgeschnitten bei der Startseite.

Wie kann ich das ändern? Wenn ich die Auflösung runterdrehe ist der Banner nicht mehr anschaulich und ich habe eine viel zu kleine Arbeitsfläche.

&nbsp;

Beste Grüße

&nbsp;

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [30. Mai 2016 um 10:44 UTC](https://forum.shopware.com/t/banner-zu-gross/37066/2 "2016-05-30T10:44:18Z")

</div>

Da musst du dich ein bisschen durchfummeln, teste verschiedene Raster, Responsive-Design-Verhalten und Bannergrößen. Aus meiner Erfahrung ist es wichtiger auf das Seitenverhältnis der Bilder und der Slots zu achten als auf die Pixelzahlen. Vorausgesetzt man verwendet hochauflösende Bilder. Am besten die Banner so designen, dass sie auch abgeschnitten funktionieren.

---

<div class="post-metadata">

**Author:** ![malakiras](https://avatars.discourse-cdn.com/v4/letter/m/90db22/32.png) [@malakiras](https://forum.shopware.com/u/malakiras)\
**Post date:** [30. Mai 2016 um 11:25 UTC](https://forum.shopware.com/t/banner-zu-gross/37066/3 "2016-05-30T11:25:08Z")

</div>

> [@NextMike schrieb:](https://forum.shopware.com/profile/19433/NextMike "NextMike")
> 
> Da musst du dich ein bisschen durchfummeln, teste verschiedene Raster, Responsive-Design-Verhalten und Bannergrößen. Aus meiner Erfahrung ist es wichtiger auf das Seitenverhältnis der Bilder und der Slots zu achten als auf die Pixelzahlen. Vorausgesetzt man verwendet hochauflösende Bilder. Am besten die Banner so designen, dass sie auch abgeschnitten funktionieren.
> 
> &nbsp;

Danke für deine Antwort!

Was sind denn die richtigen maßen?

Grüße&nbsp;

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [31. Mai 2016 um 04:48 UTC](https://forum.shopware.com/t/banner-zu-gross/37066/4 "2016-05-31T04:48:27Z")

</div>

Das müsstest du für deine Bedürfnisse herausfinden,&nbsp;s. mein voriger Post.

---

<div class="post-metadata">

**Author:** ![goens](https://avatars.discourse-cdn.com/v4/letter/g/c77e96/32.png) [@goens](https://forum.shopware.com/u/goens)\
**Post date:** [2. Juni 2016 um 10:51 UTC](https://forum.shopware.com/t/banner-zu-gross/37066/5 "2016-06-02T10:51:25Z")

</div>

„Richtige“ Maße gibt es meiner Einschätzung nach nicht. Leider sind alle Vorgaben so sehr responsive, dass letztlich nichts mehr passt.&nbsp;

Ich habe viel mit Bildgrößen, Seitenverhältnissen, Thumbnailgrößen etc. experimentiert. Die Templates oder Styles dabei zu modifizieren kommt eigentlich nicht in Frage, es sollte von Haus aus laufen.

Meine Erkenntnisse zu Bannern in der Einkaufswelt und deren Größe, Pixelzahl und Seitenverhältnis anhand eines Beispiels:

- Wirklich sauber passt es nie! Muß seitens Shopware dringend geändert werden!
- Ein Bild _sollte wann immer möglich_ unverzerrt dargestellt werden, sonst wird es matschig - aktuell nicht der Fall.
- Ein Bild muß vollständig und unbeschnitten zu sehen sein - aktuell nicht der Fall

Situation: **Shopware 5.1.6** Build Rev 201605230943 - Einkaufswelt 4-Spaltig - Standardkonfioguration - Zellenhöhe 185px

- Ich habe es nicht geschafft, ein Bild sauber (ohne Skalierung gegenüber Quelldatei) und beschnittfrei als Banner einzubauen.
- Eine Lösung: Im Mediamanager folgende thumbnails erstellen: (erst alle per Rechtsklick löschen) (0) = 1181x1181px und (1) = 1280x1280 und (3) =1920x1920
- Eine Bilddatei erstellen, die genau **1181x575** px groß ist
- Diese als Banner (bei 4 Spalten - 3 Zeilen - siehe oben, Situation:…) einsetzen
- Dann wird das Bild **_unverzerrt_** in Originalgröße dargestellt **ABER** stark beschnitten.
- Fazit: So ist das einfach nicht in Ordnung und unnötig kompliziert. Dass sehr viele Situationen abgedeckt werden sollen / müssen ist klar. Auch ist der Ansatz mit vielen Thumbs und Bildschirmauflösungen und variablen Spalten etc. ein echtes Plus bei Shopware - keine Frage. Aber hier muss nachgearbeitet werden. Meisten werden die Bilder verzerrt und auf Stellen nach dem Komma in Pixeln dargestellt (durch flexible Berechnung im css)
- Hier das Ergebnis mit einem Testbild. Rechts unten die Bildinfo - Bild wird vollständig dargestellt. Im Hintergrund das stark beschnittene Bild. Mit den originalen Thumbnailgrößen wird weniger beschnitten - klar - aber das Bild stark skaliert und wird matschig. So gesehen ist dies auch keine brauchbare Lösung, zeigt aber die Problematik.
- ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/5/5f0b5a755e6a40973ce56f90f2a4d09b9a1698ea.png)

---

<div class="post-metadata">

**Author:** ![grevo](https://avatars.discourse-cdn.com/v4/letter/g/e68b1a/32.png) [@grevo](https://forum.shopware.com/u/grevo)\
**Post date:** [21. Juli 2016 um 12:10 UTC](https://forum.shopware.com/t/banner-zu-gross/37066/6 "2016-07-21T12:10:30Z")

</div>

Hallo.

Vielleicht hilft dir meine Lösung welche ich hier präsentiere:

[https://forum.shopware.com/discussion/39042/loesung-einkaufswelt-bilder-nicht-beschneiden](https://forum.shopware.com/discussion/39042/loesung-einkaufswelt-bilder-nicht-beschneiden)
