Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<picture> <!-- Modern format: AVIF --> <source srcset="photo.avif" type="image/avif"> <!-- Fallback format: WebP --> <source srcset="photo-large.webp 1200w, photo-small.webp 600w" type="image/webp" sizes="(max-width: 600px) 600px, 1200px"> <!-- Fallback for browsers without picture support --> <img src="photo.jpg" alt="Description" loading="lazy"> </picture>
Result
Open