Element HTML picture jest kontenerem reprezentującym zasoby graficzne do wykorzystania na stronie przez przeglądarkę internetową w zależności od różnych czynników, takich jak szerokość ekranu, gęstość pikseli ekranu, format graficzny obrazu itd.
Sam element picture nic konkretnego nie znaczy i służy tylko jako kontener do przechowywania elementów source oraz elementu img, reprezentujących różne zasoby przeznaczone dla różnych rodzajów mediów.
Ostatnim dzieckiem elementu picture powinien być element img, który zostanie wykorzystany przez przeglądarki nieobsługujące elementu picture i elementu source.
Przykład użycia elementu HTML picture
<picture>
<source media="(max-width: 768px)" srcset="img/obraz-maly.png">
<source srcset="img/obraz-duzy.png">
<img src="obraz.png">
</picture>Atrybuty obowiązkowe
Element picture nie ma atrybutów obowiązkowych.
Atrybuty opcjonalne
Element HTML picture obsługuje atrybuty globalne i atrybuty zdarzeniowe.