Picture Element Generator

Sources

Source 1

Source 2

Fallback src

Alt Text

Generated HTML

<picture>
  <source media="(max-width: 640px)" srcset="/images/small.webp" type="image/webp" />
  <source media="(max-width: 1024px)" srcset="/images/medium.webp" type="image/webp" />
  <img src="/images/large.jpg" alt="Descriptive alt text" loading="lazy" />
</picture>

History

No saved configs yet.