I want to know the benefits of using Picture tag vs the CSS media query in-terms of pure performance (website load time). I am developing a website and clients are forcing me to use picture tag but I think both are same. Let me know your input.
<picture> <source media="(min-width: 650px)" srcset="images/kitten-stretching.png"> <source media="(min-width: 465px)" srcset="images/kitten-sitting.png"> <img src="images/kitten-curled.png" alt="a cute kitten"> </picture>
using media query and targeting separate image tags.