# Shopware und Retina - wie Bilder anlegen und verwenden

**URL:** <https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461>\
**Category:** Allgemein\
**Created:** [6. Februar 2017 um 16:10 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461 "2017-02-06T16:10:13Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [6. Februar 2017 um 16:10 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/1 "2017-02-06T16:10:13Z")

</div>

Mir ist nicht ganz klar, wie Shopware 5 Retina-Bilder anlegt, bzw. was ich hierfür machen muss.

Nehmen wir mal an, ein Artikel oder Blog-Bild wird mit 300x300px angezeigt. Lade ich das mit 600x600px hoch, verwende es ganz normal überall und aktiviere im Media-Manager das Kästchen für Thumbnail mit hoher Auflösung? Oder lege ich ein Bild in 300px, ein Bild in 600px mit Endung @2x an?

---

<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:** [7. Februar 2017 um 09:48 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/2 "2017-02-07T09:48:12Z")

</div>

Du lädst das Bild mit ausreichend guter Auflösung hoch.&nbsp;Der Media-Manager macht den Rest. Er skaliert ggf. runter, niemals hoch. Für Retna würdest Du das Häkchen markieren.

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [7. Februar 2017 um 09:51 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/3 "2017-02-07T09:51:04Z")

</div>

> [@NextMike schrieb:](https://forum.shopware.com/profile/19433/NextMike "NextMike")
> 
> Du lädst das Bild mit ausreichend guter Auflösung hoch.&nbsp;Der Media-Manager macht den Rest. Er skaliert ggf. runter, niemals hoch. Für Retna würdest Du das Häkchen markieren.

Was heisst denn skalieren? Erstellt er ein neues Bild? Sagen wir mal, ich lade ein Produktfoto in 2000x2000 Pixeln hoch, das auf der Detailseite mit 400x400 angezeigt wird. Quetscht er das dann im Frontend runter oder erstellt er eine Datei in 400x400 für normale Bildschirme und eine in 800x800@2x für die Retinas?

---

<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:** [7. Februar 2017 um 09:52 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/4 "2017-02-07T09:52:54Z")

</div>

> [@m23 schrieb:](https://forum.shopware.com/profile/19324/m23 "m23")
> 
> > [@NextMike schrieb:](https://forum.shopware.com/profile/19433/NextMike "NextMike")
> > 
> > Du lädst das Bild mit ausreichend guter Auflösung hoch.&nbsp;Der Media-Manager macht den Rest. Er skaliert ggf. runter, niemals hoch. Für Retna würdest Du das Häkchen markieren.
> 
> Was heisst denn skalieren? Erstellt er ein neues Bild? Sagen wir mal, ich lade ein Produktfoto in 2000x2000 Pixeln hoch, das auf der Detailseite mit 400x400 angezeigt wird. Quetscht er das dann im Frontend runter oder erstellt er eine Datei in 400x400 für normale Bildschirme und eine in 800x800@2x für die Retinas?

ja, es werden die dort definierten Thumbnails erzeugt und dem Browser angeboten.&nbsp;

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [7. Februar 2017 um 14:53 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/5 "2017-02-07T14:53:30Z")

</div>

Dazu noch eine Frage - wie sieht es mit Logodateien aus, die über den Thememanager eingebunden werden? Diese wird bei mir aktuell nicht skaliert, sondern einfach nur verkleinert dargestellt.

Ebenso Grafiken, die ich “manuell” ins Theme eingebunden habe. Wie bekomme ich diese retina-ready eingebunden?

---

<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:** [7. Februar 2017 um 14:55 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/6 "2017-02-07T14:55:11Z")

</div>

Logos werden über den Einstellungen im Theme festgelegt.

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [7. Februar 2017 um 15:00 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/7 "2017-02-07T15:00:26Z")

</div>

> [@NextMike schrieb:](https://forum.shopware.com/profile/19433/NextMike "NextMike")
> 
> Logos werden über den Einstellungen im Theme festgelegt.

Ja, dort habe ich es eingebunden. Jedoch wird es in groß eingebunden und einfach nur skaliert, anstatt ein kleines Bildchen einzubinden.

---

<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:** [7. Februar 2017 um 15:02 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/8 "2017-02-07T15:02:26Z")

</div>

> [@m23 schrieb:](https://forum.shopware.com/profile/19324/m23 "m23")
> 
> > [@NextMike schrieb:](https://forum.shopware.com/profile/19433/NextMike "NextMike")
> > 
> > Logos werden über den Einstellungen im Theme festgelegt.
> 
> Ja, dort habe ich es eingebunden. Jedoch wird es in groß eingebunden und einfach nur skaliert, anstatt ein kleines Bildchen einzubinden.

&nbsp;ja, die Logos werden dort festgelegt, dann wie hochgeladen ausgespielt und an die Dimensionen im Theme angepasst

---

<div class="post-metadata">

**Author:** ![m23](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/m23/32/13275_2.png) [@m23](https://forum.shopware.com/u/m23)\
**Post date:** [7. Februar 2017 um 15:03 UTC](https://forum.shopware.com/t/shopware-und-retina-wie-bilder-anlegen-und-verwenden/43461/9 "2017-02-07T15:03:12Z")

</div>

Also nicht heruntergerechnet, sondern einfach nur groß eingebunden und skaliert -\> schlecht für Ladezeiten.
