Ferramentas gratuitas
Português
Imagem responsiva · HTML · Gerador
Imagem responsiva · HTML · Gerador. Entradas: Fotografia e vídeo (CSV), Valor alternativo, Descrição. Informe os valores e execute. Use o exemplo para ver o formato e copie ou salve o resultado.
Sem cadastro
Carregando ferramenta…
Como usar
- 1Entradas: Fotografia e vídeo (CSV), Valor alternativo, Descrição.
- 2Execute a ferramenta e confira o resultado.
- 3Copie o resultado ou mude os dados para comparar.
Saiba mais
Confira primeiro o formato do exemplo. Guarde o original e verifique valores, espaços e quebras antes de usar o resultado.
Os anúncios podem processar dados de conexão. A personalização segue suas escolhas de privacidade. Privacidade (inglês)
Exemplo calculado de entrada e saída
Resultados do motor real com os valores abaixo, sem dados pessoais ou trabalhos salvos. Carregue o exemplo na ferramenta para conferir as mesmas entradas.
Entrada de exemplo
| Campo | Valor |
|---|---|
| Fotografia e vídeo (CSV) | image-640.webp,640 image-1280.webp,1280 |
| Valor alternativo | image.jpg |
| Descrição | Photo |
Resultado de exemplo
<picture> <source srcset="image-640.webp 640w, image-1280.webp 1280w" type="image/webp"/> <img src="image.jpg" alt="Photo" loading="lazy"/> </picture>