Toolipedia Incorporar
PT
← Todas as ferramentas de texto

Gerador de srcset para imagens responsivas

Escreva a marcação srcset e sizes para imagens responsivas e gere os arquivos redimensionados.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de srcset para imagens responsivas

Envie uma imagem e defina larguras como 480, 800 e 1200 para obter os arquivos redimensionados e a marcação img com srcset e sizes. O navegador então escolhe o menor arquivo que cabe na tela, economizando dados móveis. O atributo sizes informa a largura com que a imagem será exibida.

Como usar: Gerador de srcset para imagens responsivas

  1. Escolha sua imagem no seu dispositivo; ela é redimensionada no seu navegador.
  2. Defina as larguras que você quer e descreva o layout para o atributo sizes.
  3. Copie a marcação img e baixe os arquivos redimensionados.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

O que o atributo sizes faz?

Informa ao navegador qual será a largura da imagem exibida em diferentes larguras de viewport, para que ele escolha o melhor arquivo do srcset antes de o layout ser concluído.

Quais larguras de imagem devo gerar?

Escolha larguras que combinem com o seu layout e as telas comuns, por exemplo passos pequeno, médio e grande. Mais tamanhos só ajudam se as imagens forem usadas.

O que acontece se o atributo sizes estiver errado?

O navegador pode escolher um arquivo grande ou pequeno demais. Descreva a largura real exibida da imagem em cada tamanho de tela.

Gerador de srcset para imagens responsivas é grátis?

Sim. Gerador de srcset para imagens responsivas no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Posso colocar Gerador de srcset para imagens responsivas no meu próprio site?

Sim. Use o botão «Incorporar no seu site» abaixo da ferramenta para copiar um trecho curto de código e colá-lo na sua página. É grátis, não precisa de conta e a ferramenta continua funcionando dentro da sua página.

Ferramentas relacionadas