Core Code
Core Code Modern Dev Handbook

Picture Element Example

Example using the picture element.

Preview

Code

<picture>
<source media="(min-width:600px)" srcset="https://via.placeholder.com/600x300">
<img src="https://via.placeholder.com/300x150" alt="Responsive Picture">
</picture>

More HTML Images Examples (11)

example Basic Image open example example Image Width and Height open example example Image Alt Text open example example Image as Link open example example Responsive Image open example example Centered Image open example example Image Border open example example Image with Caption open example example Floating Image open example example Simple Image Gallery open example example Lazy Loading Image open example