Example
Resize the viewport.


These responsive images are implemented in two different ways: the first uses picture, while the second uses srcset. Try making your viewport much smaller, then reopen this page and see what happens (use an incognito / private window if you don't see the difference at first).