Gerador de Imagem Placeholder

Crie uma imagem retangular colorida com texto, do tamanho que você precisar, para usar em mockups e protótipos.

Para que serve

Uma imagem placeholder é uma imagem "de espaço reservado" — um retângulo colorido, geralmente com o texto mostrando a dimensão em pixels — usada para preencher o lugar de uma imagem real durante o desenvolvimento de um layout, mockup ou protótipo, antes que a imagem final esteja pronta.

Como usar

Informe a largura e a altura em pixels, escolha as cores de fundo e do texto (em hexadecimal, ex.: #cccccc), e opcionalmente um texto personalizado (por padrão, mostra a dimensão, ex.: "600 × 400"). Baixe em PNG ou JPG.

100% no navegador

A imagem é desenhada inteiramente no seu navegador usando a API Canvas — nenhum arquivo é enviado a um servidor.

Perguntas frequentes

Existe um limite de tamanho?

Sim, entre 1 e 5000 pixels em cada dimensão — o suficiente para a grande maioria dos usos em layouts web, sem travar o navegador com uma imagem gigante.

Posso usar isso como substituto de serviços tipo placeholder.com?

Sim — a vantagem é que aqui a imagem é gerada e baixada localmente no seu navegador, sem depender de um serviço externo (que pode ficar fora do ar) nem carregar a imagem via internet toda vez que a página abrir.