The <picture> Element

Embedded ContentNew in HTML5

The <picture> element allows authors to declaratively control or give hints to the user agent about which image resource to use, based on the screen pixel density, viewport size, image format, and other factors.

Attributes for <picture>

Type	Attribute List
'Standard' Attributes	"writingsuggestions"

Syntax Notes for <picture>

• This element should contain zero or more <source> elements followed by one <img> element. It may also contain script-supporting elements like <script>.

Recommended Links

• CanIUse.com: Search <picture> (browser compatibility information)
• CanIEmail.com: Search <picture> (email client compatibility information)
• HTML5 (WHATWG): picture element
• MDN: <picture>
• Quackit: HTML <picture> tag

Search Engine Links (for more information)

• Bing "picture element"
• Google "picture element"