# Hintergrundbild und Artikelbilder

**URL:** <https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [29. Juni 2011 um 17:23 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347 "2011-06-29T17:23:30Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![creativi](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@creativi](https://forum.shopware.com/u/creativi)\
**Post date:** [29. Juni 2011 um 17:23 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347/1 "2011-06-29T17:23:30Z")

</div>

So und wieder zwei Fragen von mir. Danke bereits im vorraus. 1. Ich möchte eine Hintergrundbild einfügen. Gibt es dafür eine bestimmte oder bevorzugte Größe 2. Artikelbilder. Welche ist denn die Idealgröße für Artikelbilder? Also die Bilder die ich hochlade. LG Lene

---

<div class="post-metadata">

**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\
**Post date:** [29. Juni 2011 um 17:51 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347/2 "2011-06-29T17:51:08Z")

</div>

[quote=“creativi”]So und wieder zwei Fragen von mir. Danke bereits im vorraus. 1. Ich möchte eine Hintergrundbild einfügen. Gibt es dafür eine bestimmte oder bevorzugte Größe 2. Artikelbilder. Welche ist denn die Idealgröße für Artikelbilder? Also die Bilder die ich hochlade. LG Lene[/quote] Bei Hintergrundbildern kann man es eher schwer sagen, am besten wäre es wenn du das Bild kacheln könntest. Dann könntest du dich auf eine Größe von beispielsweise 300px x 300px verwenden und dann per “background-repeat: repeat” das Bild kacheln. Falls du das Bild nicht kacheln kannst, dann wird es etwas schwieriger. Am besten schaust du dir mal an mit welchen Bildschirmgrößen deine User unterwegs sind. Alternativ kannst du auch einen Blick in die Analyse Apps werfen um die passende Größe zu ermitteln. [http://gs.statcounter.com/#resolution-e … 006-201105](http://gs.statcounter.com/#resolution-eu-monthly-201006-201105) Bei den Artikelbildern ist die Devise umso größer, umso besser… die Bilder werden sowieso skaliert (serverseitig), so dass größere Bilder besser sind. Viele Grüße, Stephan Pohl :shopware:

---

<div class="post-metadata">

**Author:** ![schlumpbergercom](https://avatars.discourse-cdn.com/v4/letter/s/8491ac/32.png) [@schlumpbergercom](https://forum.shopware.com/u/schlumpbergercom)\
**Post date:** [29. Juni 2011 um 17:53 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347/3 "2011-06-29T17:53:42Z")

</div>

1. Ich möchte eine Hintergrundbild einfügen. Gibt es dafür eine bestimmte oder bevorzugte Größe Um den “Kacheleffekt” bei hohen Bildschirmauflösungen zu vermeiden, mindest so groß wie der aktuell verbreitete “größte Bildschirmauflösung”. Da diese Entwicklung sich ständig ändert und man diesen Umstand unterschiedlicher Auflösungen “nie in den Griff bekommt”, möglichst kein Hintergrundbild verwenden. 2. Artikelbilder. Welche ist denn die Idealgröße für Artikelbilder? Also die Bilder die ich hochlade. Je größer, desto besser, sofern der Zoomeffekt wichtig ist für eine hohe Detailtreue. Ansonsten reichen z.B. einheitlich z.B. 800px in der Breite. Man muss abwägen zwischen Qualität (und Detaildichte) des Fotos und der Dateigröße und der damit verbundenen (längeren) Ladezeit. Wenn man neben des Zoomeffekts auch die Lightview-Ansicht einsetzt ist eine Bildbreite von 800px maximal empfehlenswert, damit das aufspringende “große Originalbild” nicht größer/breiter ist als die Bildschirmauflösung Raum bietet.

---

<div class="post-metadata">

**Author:** ![creativi](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@creativi](https://forum.shopware.com/u/creativi)\
**Post date:** [29. Juni 2011 um 18:13 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347/4 "2011-06-29T18:13:14Z")

</div>

Danke bis hierhin für die Antworten. Ist es richtig den Hintergrund hier einzufügen? templates/\_default/frontend/\_resources/images/backgrounds Oder besser gefragt wo und wie Ändere ich den Hintergrund? LG Lene

---

<div class="post-metadata">

**Author:** ![mon98](https://avatars.discourse-cdn.com/v4/letter/m/bb73d2/32.png) [@mon98](https://forum.shopware.com/u/mon98)\
**Post date:** [29. Juni 2011 um 18:17 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347/5 "2011-06-29T18:17:36Z")

</div>

Hallo Lene, mir hat folgendes dabei geholfen: [http://wiki.shopware.de/Schnelleinstieg … d\_anpassen](http://wiki.shopware.de/Schnelleinstieg-Template-Tutorial-3.5.0%5C_detail%5C_517.html#Hintergrund%5C_anpassen) Allerliebste Grüße Mona

---

<div class="post-metadata">

**Author:** ![creativi](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@creativi](https://forum.shopware.com/u/creativi)\
**Post date:** [30. Juni 2011 um 12:08 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347/6 "2011-06-30T12:08:49Z")

</div>

Hallo, vielen Dank für Die Textpassage. Leider kann ich eine tutorial.css absolut nicht finden? LG Lene

---

<div class="post-metadata">

**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\
**Post date:** [1. Juli 2011 um 17:34 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347/7 "2011-07-01T17:34:03Z")

</div>

Die tutorial.css muss von dir selbst in deinen angepassten Template erstellt werden. Viele Grüße, Stephan Pohl :shopware:

---

<div class="post-metadata">

**Author:** ![creativi](https://avatars.discourse-cdn.com/v4/letter/c/c4cdca/32.png) [@creativi](https://forum.shopware.com/u/creativi)\
**Post date:** [2. Juli 2011 um 19:41 UTC](https://forum.shopware.com/t/hintergrundbild-und-artikelbilder/3347/8 "2011-07-02T19:41:03Z")

</div>

Boah, diesmal „hängt“ es aber bei mir. Das Bild lade ich in die „\_resources/images/backgrounds“ Also in die: „/templates/\_default/frontend/\_resources/images/backgrounds“ LG Lene
