Theme Responsive

Dans News le 1 septembre

Publication du premier brouillon pour images responsives par le W3C

Après le Responsive Design qui fait varier le nombre de colonnes et modifie les contenus à afficher en fonction de la taille de la fenêtre et grâce aux « media queries ». Voici la venu HTML Responsive Images Extension.

Ce projet du W3C vise à normaliser la manière d’afficher des tailles d’images différentes en fonction de la taille de la fenêtre de navigation et de la résolution de l’écran.

Télécharger des images HD en très grand format via des réseaux internet mobiles pour des smartphones de moins de 3.5 pouces n’a aucun sens.

L’idée est de définir, pour une seule et même illustration, un jeu d’images avec des tailles et des résolutions différentes. La bonne image « qui va bien » sera envoyée en fonction du terminal et des paramètres d’affichages du navigateur.

Voici un exemple de code montrant l’etat du projet:





La première ligne contient une requête visant les grands écrans et utilise l’attribut srcset pour spécifier deux images, une pour la résolution standard et une autre pour les écrans haute définition. La deuxième ligne vise les écrans de taille moyenne, tandis que la troisième traite les petits écrans et sert de remplacement pour une faible bande passante. La dernière ligne utilise la balise <img> avec les navigateurs plus anciens.

Pour l’instant le projet est au stade de développement. Les principaux problèmes proviendrons des conflits avec les différents navigateurs.

L’une des solutions serait l’utilisation des images vectorielles sur le web




Étiquettes : ,

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *