Webkit supporte la propriété srcset pour distribuer les images Retina
Par arnaud - Mis à jour le
Bonne nouvelle pour les webmasters désireux de pouvoir proposer des images en haute définition pour les internautes équipés de machines Retina et consorts, sans pour autant pénaliser les utilisateurs dotés d'écrans de densité "classique". Webkit, dans sa dernière Nightly build, supporte la propriété srcset, laquelle permet de spécifier deux noms d'images, charge au navigateur de distribuer celle qui s'avère la plus adéquate. Un attribut dont l'implémentation doit beaucoup à deux contributeurs au projet, Romain Perier et Yoav Weiss.
Le syntaxe est toute simple
Autre avantage de cet attribut, il est rétro-compatible en ce sens que l'attribut src sera utilisé automatiquement sur les navigateurs non compatibles, qui ignoreront le srcset.
Démo de la fonction
Source
Le syntaxe est toute simple
img src="image-src.png" srcset="image-1x.png 1x, image-2x.png 2x"
Autre avantage de cet attribut, il est rétro-compatible en ce sens que l'attribut src sera utilisé automatiquement sur les navigateurs non compatibles, qui ignoreront le srcset.
Démo de la fonction
Source
