Za pomocą atrybutów srcset i sizes: Sposób 1: <div class="container2"> <img srcset="green-parrot-500px.jpg 500w, green-parrot-350px.jpg 350w, green-parrot-200px.jpg 200w" sizes= "(max-width: 400px) 200px, (max-width: 600px) 350px, 500px" src="green-parrot-500px.jpg" alt="green-parrot-picture" /> </div> Sposób 2: <picture> <source media="(max-width: 400px)" srcset="green-parrot-200px.jpg"> <source media="(max-width: 600px)" srcset="green-parrot-350px.jpg"> <img src="green-parrot-500px.jpg" style="width:auto" alt="green parrot picture"> </picture> Więcej: https://love-coding.pl/responsywne-obrazki-dla-roznych-ekranow-w-html5/