Gerador de img srcset

Você exportou a mesma foto em 400, 800 e 1200 pixels e agora precisa escrever a tag que faz o navegador escolher a certa. A sintaxe é curta, mas cheia de detalhe: descritor w depois da URL, vírgula entre os itens, e um sizes que ninguém lembra de cabeça. Um erro pequeno e o navegador simplesmente ignora o srcset inteiro e baixa o arquivo do src. Este montador junta as quatro partes e mostra a tag pronta.

Vale saber o que a ferramenta faz e o que não faz. Ela concatena quatro campos numa tag img, e o srcset é um campo de texto livre: você digita a lista completa no formato url 400w, url 800w. Não existe um campo por arquivo, nem cálculo de largura, nem validação. O detalhe que mais pega gente é o sizes: sem ele o navegador assume 100vw e costuma baixar a imagem maior do que precisa, porque a escolha acontece antes do layout existir.

Confira se o número antes do w é a largura real do arquivo em pixels, não a largura do slot no layout, e não misture descritores w e x na mesma lista. O alt continua sendo obrigatório de verdade. Se o que você quer é recortar a imagem diferente no celular, srcset não resolve, isso é trabalho da tag picture com source. A tag é montada no seu navegador, nenhuma URL ou imagem sai daqui.