Bilder für high dpi Bildschirme

[sevensix]

Hallo,
bei uns sind alle Bilder auf retina / high dpi Bildschirmen immer unscharf, da es wohl keine high dpi optimierten Bilder im Shop gibt.
Ist da etwas geplant, oder gibt es aktuell ein Workaround für die Bilderdarstellung auf high dpi Bildschirmen?

 

[Petuchov]

AW: Bilder für high dpi Bildschirme

Noch gibt es kaum Patentlösungen, weil das Thema erst jetzt akut wird. Dennoch hier ein paar Artikel zum Weiterlesen.



Mit Media Queries es möglich, jeweils das passende Bild auszugeben, je nach dem, ob ein Standard Bildschirm oder ein Retina Display verwendet wird. Dazu benötigt man zwei Bildversionen, das normale Bild und eines, das doppelt so gross ist, also die Seiten müssen doppelt so lang sein.



@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {

.image{
background: url (meinBild@2x.png);
}
}

Retina Bilder erhalten den Zusatz @2x

 

[sevensix]

AW: Bilder für high dpi Bildschirme

Hallo,

die verschiedenen Techniken für die Darstellung sind bekannt. Ich meinte jedoch, ob der Shop nicht bei der Bildgenerieung zukübnftig einfach ein "zweites high dpi" bild erzeugen könnte, mit entsprechendem Dateinamen. Dann könnte man die Techniken schon einsetzen. Aktuell gibt es im Shop ja nur "mini, klein, normal und groß". Hier müsste für jedes Bidl ein "@2x" Bild erstellt werden. Bis jetzt bleibt mir nichts weiters übrig, als die Bilder doppelt so groß anzulegen und dann in den Templates auf die entsprechende größe zu reduzieren, so dass dann auf high dpi Bildschirmen das Bild nicht vergrößert (=unscharf) wird...

 

[Ari]

AW: Bilder für high dpi Bildschirme

Ich muss den alten Thread leider mal wieder hochholen, das "Problem" ist nämlich weiterhin aktuell. Gibt es da seitens JTL irgendwelche Planungen zwecks Implementierung von Retina-Ready Bildern? Die von Sevensix angesprochene Lösung wäre ja definitiv der richtige Weg, d.h. das JTL selber entsprechende Bilder generiert?

Viele Grüße
Ari