Servir une image mise à l'échelle avec mise en page responsive

Question

sur Gmetrix Je reçois la recommandation de servir des images mises à l'échelle. J'ai l'idée, mais mon site web est réactif et les images changent de taille par rapport à la largeur du navigateur. Est-il possible de résoudre ce problème et de conserver le design réactif? Btw les images sont à l'intérieur d'un bootstrap-carrousel

Answer 1

peu tard pour la réponse, mais vous pouvez utiliser srcset, je pense que c'est la méthode la plus simple pour gérer cela, sachez que ce n'est pas pris en charge par Opera Mini ou IE10, mais ont un bon support du navigateur pour les autres navigateurs (y compris bord), voici un exemple de css-tricks vraiment explicite:

<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah">