Hochauflösende Displays "Retina" und Bildqualität

Hallo, schaut man sich den Shop auf einem MacBook Pro mit Retina Display an, dann sehen die Bilder sehr unscharf aus. Auf Webseiten kann man das umgehen, indem man die Bilder doppelt so groß speichert und diese über CSS dann in der normalen größe ausgibt. Hat jemand eine einfache Lösung um das im Shop umzusetzen?

Das ist mir auch schon aufgefallen, vor allem beim Logo wenn dieses Schatten oder Verläufe hat. Gruß Grazzy

Hallo, naja - was heist einfache Lösung - letztlich ist das kein direktes Showare Problem. Das kann man mit CSS und MediaQuerys relativ einfach und schnell selbst lösen. Das ist auch kein reines “Retina” Problem. Mittlerweile gibt es genug Smartphones die sogar noch besser auflösen als das Retina - insofern als ein generelles Display Problem. Hier zwei Links die das mit den MediaQuery und dem speziellen “Retina” Problem gut erklären - kann man dann einfach in die eignen CSS integrieren: retina-display-media-query bilder-mit-hilfe-von-css-media-queries-fur-das-iphone-4-retina-display-optimieren Interessant wird das dann bestenfalls nochmal für die Artikelbilder - aber auch hier könnte man sich sicher eine Lösung via CSS und den generierten Thumb-Bildergrößen zusammenbauen.

Gibt es dazu noch keine Entwicklung seitens Shopware? Diese Funktionalität in ein Plugin zu packen wäre doch auch für Entwickler interessant, da ich denke, dass der Bedarf an „scharfen“ Bildern schon jetzt sehr hoch ist und Retina-Displays schon sehr bald auf allen Geräten Standard sein werden!?

Naja im Prinzip müsstest du deine Produktbilder ja nur in doppelter Größe hochladen. Diese werden dann entsprechend runter skaliert. Für Template Image Bilder könntest du dieses Plugin verwenden -> http://imulus.github.io/retinajs/ Geht es denn jetzt um die Artikel Bilder, oder um die Image Bilder der Webseite an sich ?

[quote=„kayyy“]Naja im Prinzip müsstest du deine Produktbilder ja nur in doppelter Größe hochladen. Diese werden dann entsprechend runter skaliert. Für Template Image Bilder könntest du dieses Plugin verwenden -> http://imulus.github.io/retinajs/ Geht es denn jetzt um die Artikel Bilder, oder um die Image Bilder der Webseite an sich ?[/quote] Prinzipiell um alle Bilder, aber vorrangig um Artikelbilder. Ich habe bisher immer in weiser Voraussicht alle Bilder in ca. vierfacher Auflösung hochgeladen! Das funktioniert aber damit nicht.