Gerador de imagem placeholder

Defina um tamanho em pixels, as cores e um texto opcional. A pré-visualização atualiza na hora. Baixe um PNG para o layout.

Pré-visualização

O que este gerador cria

Esta página desenha um PNG placeholder no navegador. Largura e altura são em pixels. O arquivo é um PNG para colocar num mockup web até a imagem real ficar pronta. Não hospeda imagens nem cria um URL público.

Gerador de imagem placeholder com controles de tamanho e cor e prévia de paisagem azul

Como usar

  1. 1Defina a largura e a altura em pixels.
  2. 2Escolha uma cor de fundo e uma cor de texto.
  3. 3Adicione um texto opcional ou oculte-o para uma imagem de cor sólida.
  4. 4Baixe o PNG e coloque-o no layout como reserva temporária.

A pré-visualização atualiza assim que o tamanho e as cores são válidos

Baixa um PNG no tamanho exato em pixels que você escolheu

Legenda opcional, inclusive com caracteres turcos ou japoneses

Roda no navegador; os seus ajustes não são guardados nos nossos servidores

Esta página faz uma imagem temporária para um layout. Estas ferramentas ajudam com outras peças digitais que você pode juntar a esse mockup.

Mascote corvo GeneratorRaven segurando um cartão de pergunta ao lado de um caderno aberto, com pontos de interrogação ao redor

Perguntas sobre o gerador de imagem placeholder?

As medidas são em pixels?

Sim. Largura e altura são pixels, de 16 a 3000. Um ponto de partida comum é 1200 × 630, que cabe em muitos espaços sociais e de destaque.

Qual arquivo eu baixo?

Baixar PNG guarda um PNG na largura e na altura exatas. O nome fica como placeholder-1200x630.png. Esta primeira versão não exporta SVG nem JPEG.

Como uso no design web?

Coloque o PNG num mockup, num wireframe ou numa página inacabada enquanto a foto real não chega. Ele segura o espaço para você julgar recorte, layout e cor antes do arquivo final.

Posso pôr o meu texto ou escondê-lo?

Sim. Se o campo estiver vazio, aparece o tamanho atual, por exemplo 1200 × 630. Dá para escrever até 100 caracteres, inclusive em turco ou japonês. Desmarque Mostrar texto para baixar uma cor sólida.

O que eu digito fica guardado?

Não. A imagem é desenhada no navegador. Tamanhos, cores e texto não são guardados nos nossos servidores, nem enviados a um evento de analytics ou a uma API externa.