Bonjour,

Après une longue période d’abstinence, je redécouvre les joies (et peines) du code HTML et CSS.

Travaillant actuellement sur mon nouveau site web perso, j’apprends a le rendre responsif aux différents formats (ecran, Ipad, smartphone) et aux nouveaux challenges que cela peut apporter, tel que l’optimisation pour l'usage des data.

Désirant inclure des images de bonne qualité/résolution sur la version desktop de mon site web, je désire également diminuer l'usage des data sur les versions mobiles en les substituant par des images réduites et de moindre résolution.

A la base, j'avais pense dans les media queries (@media) remplacer les images (background, effet parallax , gallerie) directement via le code CSS.

Je viens recemment de découvrir l'attribut "srcset" et son usage dans les sites web responsifs.

Ma question est que je voudrais savoir si une des deux méthodes (css et/ou srcset) et recommandée ou conseillée pour optimiser un site web en version mobile ou si une des deux méthodes a plus d'avantage que l'autre.

Merci d'avance pour vos réponses.

Bonjour. Comme tu le dis, srcset est un attribut. Il faut donc l'utiliser sur chaque image qui doit être adaptée. Ce n'est donc pas pour un usage général. Je veux dire que c'est bien pour une ou deux images, mais pas recommandé pour toutes celles de la page.

Bonjour Domi65,

Merci beaucoup pour ton point de vue et ton retour.

Bonne journée,