Gerador de Imagem Placeholder

Gere imagens placeholder de qualquer tamanho com cor de fundo, cor do texto e texto personalizados. Baixe em PNG, JPG, WebP ou copie o código SVG e o data URI.

Gerador de imagem placeholder

Crie uma imagem de exemplo com o tamanho exato de que você precisa para layouts, protótipos, testes e apresentações. Por padrão, ela mostra as próprias medidas (por exemplo, 600 × 400), mas o texto e as cores podem ser trocados.

Para que serve

Placeholder é uma imagem provisória que ocupa o lugar da definitiva enquanto o conteúdo não fica pronto. Ela ajuda a:

  • montar o layout de um site ou app antes de ter as fotos;
  • testar como a página se comporta com imagens de tamanhos diferentes;
  • marcar em apresentações e documentos onde vai cada imagem;
  • conferir espaços de banners e anúncios.

SVG: a opção mais leve

No formato SVG (código), você recebe o código da imagem, com poucas centenas de bytes, que pode ser:

  • salvo como arquivo .svg;
  • colado direto no HTML;
  • usado como data URI em src="" ou em background-image no CSS, sem precisar de arquivo nem de serviço externo.
<img src="data:image/svg+xml,..." width="600" height="400" alt="">

Diferente de serviços de placeholder online, a imagem não depende de nenhum site continuar no ar.

Perguntas frequentes

Qual o tamanho máximo?

Até 8000 px de largura e de altura. Em PNG, JPG e WebP, a área total também tem de caber no limite do aparelho: cerca de 50 milhões de pixels no computador e 16,7 milhões no iPhone e no iPad (limite que a ferramenta adota nesses aparelhos). Em SVG, não há esse limite.

Posso usar as imagens em projetos comerciais?

Sim. As imagens são geradas por você, sem marca d’água nem restrição.