# <picture>

The element that offers image sources for responsive selection before a required img element.

## What is **`<picture>`**?

**`<picture>`** — The element that offers image sources for responsive selection before a required img element.

```html
<picture>
  <source media="(width < 600px)" srcset="bread-close.jpg">
  <img src="bread-wide.jpg" alt="Fresh bread on a counter">
</picture>
```

Level: Journeyman · [More HTML terms at this level](https://www.ask-codey.com/glossary/subjects/html/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/picture