UTILS.
Privadas por padrão
⧉

Gerador de srcset de Imagem

Gere uma tag <img> responsiva com srcset e sizes a partir de um caminho e uma lista de larguras.

Seus arquivos ficam neste dispositivo

Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.

Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.

Privacidade →
— a saída aparece aqui —

Sobre esta ferramenta

Crie uma tag <img> responsiva com os atributos srcset e sizes a partir do caminho de uma imagem base e de uma lista de larguras; a marcação é produzida localmente no seu navegador.

Perguntas frequentes

Como as URLs do srcset são nomeadas?
Cada largura gera uma URL como caminho-640w.jpg com um descritor 640w correspondente, uma convenção de nomenclatura comum para variantes de imagens responsivas.
Ainda preciso criar as imagens redimensionadas?
Sim. Esta ferramenta gera a marcação; você precisa produzir os arquivos de imagem redimensionados em cada largura listada.

Mais ferramentas