A propos des écrans Retina

[@lucard]

tout d'abord, merci pour le Nouveau sujet.

Il faut systématiquement spécifier les dimensions des images sur la page. Et seule la source change.

<!-- Pas Retina -->

<img width="200" height="200" src="http://placehold.it/200" />



<!-- Retina -->

<img width="200" height="200" src="http://placehold.it/400" />

Une bonne astuce à connaître concernant les images JPG Retina, c'est qu'on peut les compresser beaucoup plus et ça rend toujours meilleur. Ce site permet de s'en rendre compte.

J'ai un doute concernant la qualité de la photo d'origine sur les 2 images en comparaisons.
c'est un peu comme la pub (sur DVD ) de la comparaison Blu-Ray vs DVD.
(où comment faire paraître une image plus belle que le format DVD sur un format DVD.... )

Bref, j'attends beaucoup de srcset sur tout les navigateurs =)
en attendant

@media 

(-webkit-min-device-pixel-ratio: 2), 

(min-resolution: 192dpi) { 

    /* Valeurs pour les écrans Retina */

}