TudoFerramentasTudoFerramentas

Gerador de Imagem Placeholder

Crie imagens de preenchimento (placeholder) do tamanho que quiser, com cores e texto personalizados. Gera um SVG autocontido para usar em protótipos.

600×400

Sobre o gerador de imagem placeholder

Esta ferramenta cria imagens de preenchimento (placeholder) do tamanho, cores e texto que você definir. O resultado é um SVG autocontido, ideal para reservar espaços em protótipos e layouts.

Como usar

  1. Defina a largura, a altura e as cores.
  2. Opcionalmente, escreva um texto para a imagem.
  3. Copie a tag pronta e use no seu projeto.

Perguntas frequentes

Para que serve uma imagem placeholder?
Para ocupar o lugar de uma imagem final que ainda não existe, mantendo o layout com as dimensões corretas durante a criação de protótipos e telas.
A imagem depende de internet?
Não. O placeholder é um SVG gerado no seu navegador e embutido no próprio código (data URI), então funciona sem depender de nenhum serviço externo.

Ferramentas relacionadas — Web