UTILS.
100% no navegador

Gerador de srcset de Imagem

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

— 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