# Hintergrundbild

**URL:** <https://forum.shopware.com/t/hintergrundbild/32087>\
**Category:** Themes & Design\
**Created:** [9. November 2015 um 23:49 UTC](https://forum.shopware.com/t/hintergrundbild/32087 "2015-11-09T23:49:47Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Adysseus1](https://avatars.discourse-cdn.com/v4/letter/a/49beb7/32.png) [@Adysseus1](https://forum.shopware.com/u/Adysseus1)\
**Post date:** [9. November 2015 um 23:49 UTC](https://forum.shopware.com/t/hintergrundbild/32087/1 "2015-11-09T23:49:47Z")

</div>

Hallo Leute, kann mir vielleicht einer helfen? Ich habe ein Hintergrundbild eingefügt, ich würde gerne das Bild ab einer bestimmten Browsergröße ausblenden, bzw. das es nicht geladen wird um die Seite auf dem Tablet/Handy schneller zu machen. Ist das möglich, wenn ja wäre es echt super, wenn mir jemand weiterhelfen könnte.

---

<div class="post-metadata">

**Author:** ![mchendi](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@mchendi](https://forum.shopware.com/u/mchendi)\
**Post date:** [10. November 2015 um 07:38 UTC](https://forum.shopware.com/t/hintergrundbild/32087/2 "2015-11-10T07:38:08Z")

</div>

media queries

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [10. November 2015 um 08:05 UTC](https://forum.shopware.com/t/hintergrundbild/32087/3 "2015-11-10T08:05:55Z")

</div>

[quote=„Adysseus“]Hallo Leute, kann mir vielleicht einer helfen? Ich habe ein Hintergrundbild eingefügt, ich würde gerne das Bild ab einer bestimmten Browsergröße ausblenden, bzw. das es nicht geladen wird um die Seite auf dem Tablet/Handy schneller zu machen. Ist das möglich, wenn ja wäre es echt super, wenn mir jemand weiterhelfen könnte.[/quote] Hallo, der richtige Ansatz wäre hier wie oben erwähnt die Mediaqueries. Dazu musst du, nachdem du dein eigenes Theme angelegt hast, auch eine eigene LESS-Datei hinzufügen. Bei dieser kannst du dann über: ` @phoneLandscapeViewportWidth @tabletViewportWidth @tabletLandscapeViewportWidth @desktopViewportWidth ` die jeweilige Auflösung ansprechen, beispielsweise: ` @media screen and(min-width: @tabletViewportWidth) { .my--class { .unitize-padding(20, 0); } } ` Damit ist es dir dann auch möglich, bei verschiedenen Auflösungen auch verschiedene Hintergrundbilder einzublenden oder zu verwenden. Beste Grüße Sebastian

---

<div class="post-metadata">

**Author:** ![Adysseus1](https://avatars.discourse-cdn.com/v4/letter/a/49beb7/32.png) [@Adysseus1](https://forum.shopware.com/u/Adysseus1)\
**Post date:** [10. November 2015 um 08:31 UTC](https://forum.shopware.com/t/hintergrundbild/32087/4 "2015-11-10T08:31:51Z")

</div>

Danke für eure Antworten! Ich werde mich mal rein fuchsen…