Skip to content

← Snippets

Picture + source

Responsive image via media query.

  • picture
  • img
  • responsivo
<picture> <source media="(min-width: 700px)" srcset="/img/hero-large.jpg" /> <img src="/img/hero-small.jpg" alt="Ilustração do produto" width="800" height="450" /> </picture>

Copie o snippet e adapte ao seu projeto. Veja também os exemplos HTML.