# Shopware 5 & Modernizr

**URL:** <https://forum.shopware.com/t/shopware-5-modernizr/47172>\
**Category:** Themes & Design\
**Created:** [30. Juli 2017 um 13:05 UTC](https://forum.shopware.com/t/shopware-5-modernizr/47172 "2017-07-30T13:05:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![AR0x7E7](https://avatars.discourse-cdn.com/v4/letter/a/7ab992/32.png) [@AR0x7E7](https://forum.shopware.com/u/AR0x7E7)\
**Post date:** [30. Juli 2017 um 13:05 UTC](https://forum.shopware.com/t/shopware-5-modernizr/47172/1 "2017-07-30T13:05:56Z")

</div>

Hallo werte Community,

aktuell habe ich bei Shopware 5 folgendes Problem mit der Mordernizr Lib.

**Ausgangslage:**  
Angenommen es gibt ein Logo in zwei Versionen (normale vs hohe Auflösung):

- /frontend/\_public/src/img/logos/LOGO.png
- /frontend/\_public/src/img/logos/LOGO@2x.png​

In der .tpl Datei wird auf die “normale” Version&nbsp;LOGO.png&nbsp;verlinkt.

**Problem:**  
Wird die Seite mit einem Client der HiDpi unterstützt aufgerufen wird weiterhin die “normale” Version&nbsp;LOGO.png&nbsp;ausgeliefert.  
Getestet mit Chrome Developer Tools.Custom-Device.Pixel Ratio: 2 und auf meinem Smartphone

**Sollte Modernizr nicht automatisch prüfen ob der Client HiDpi unterstütz und dann, falls möglich, nach \*@2x Versionen aller Bilder anfragen?**

---

<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:** [30. Juli 2017 um 15:32 UTC](https://forum.shopware.com/t/shopware-5-modernizr/47172/2 "2017-07-30T15:32:18Z")

</div>

Hallo @AR0x7E7‍,

Modernizr ist eine Library, die nur eine Feature-Detection durchführt. Hierrüber wird z.B. geprüft ob der Browser „border-radius“ oder auch „localStorage“ unterstützt. Mit Retina / HiDP Images hat dies nichts zutun. Die Unterstützung hierfür ist direkt im Browser entweder per „img“-Element mit „srcset“-Attribut oder „picture“-Element. Zusätzlich verwenden wir das sogenannte Picturefill Plugin, um die Kompabilität von Retina-Images in nicht unterstützten Browsern zu gewährleisten. Für das Logo verwenden wir das „picture“-Element.

Viele Grüße,  
Stephan Pohl&nbsp; ![Shopware](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/shopware.png "Shopware")
