Le Hollandais Volant#8528 - Better Responsive Images With the <picture> Element | Nettuts+
Pas sûr que ce soit indispensable.
C’est déjà possible de redimensionner des images en CSS de façon à ce que les ratios soient respectées (y compris les background, avec background-size)…
Et concernant les images de résolution différentes pour les mobiles, dans l’idée pourquoi pas, mais en soi je trouve ça un grosse connerie. On faisait pas ça avant les smartphones non plus.
Pourtant, actuellement, les mobiles ont des définitions d’écrans proche de celles des ordis, les pixels sont juste plus fins. Pour le texte ça change tout, mais pour les images, non.
Ça ne fait qu’un surplus de code, de fichiers et de données. D’ailleurs dans son exemple, en spécifiant les max-width et pas de min-width (ou inversement), alors certaines résolutions vont télécharger TOUTES les images au lieu de la seule qui lui est destinée.
C’est déjà possible de redimensionner des images en CSS de façon à ce que les ratios soient respectées (y compris les background, avec background-size)…
Et concernant les images de résolution différentes pour les mobiles, dans l’idée pourquoi pas, mais en soi je trouve ça un grosse connerie. On faisait pas ça avant les smartphones non plus.
Pourtant, actuellement, les mobiles ont des définitions d’écrans proche de celles des ordis, les pixels sont juste plus fins. Pour le texte ça change tout, mais pour les images, non.
Ça ne fait qu’un surplus de code, de fichiers et de données. D’ailleurs dans son exemple, en spécifiant les max-width et pas de min-width (ou inversement), alors certaines résolutions vont télécharger TOUTES les images au lieu de la seule qui lui est destinée.