The <picture> tag in HTML is used to gives flexibility to the web-developers to specify image resources. The <picture> tag contains <source> and <img> tags. The attribute value is set to load more appropriate image.
The <img> element is used for the last child element of the picture declaration block. The <img> element is used to provide backward compatibility for browsers that do not support the element, or if none of the source tags matched.
<picture> Image and source tag <picture>
Below example illustrates the <picture> tag in HTML:
Supported Browsers: The browsers supported by HTML <picture> tag are listed below:
- Google Chrome 38.0
- Internet Explorer 13.0
- Firefox 38.0
- Safari 9.1
- Opera 25.0
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.