Imagem de Preenchimento
O gerador de imagem placeholder cria um PNG de espaço reservado com a largura e a altura que você quiser, sua cor de fundo, cor do texto e rótulo (por padrão “largura×altura”), além de uma tag img pronta para usar.
Sobre esta ferramenta
O gerador de imagem placeholder cria um PNG de espaço reservado com a largura e a altura que você quiser, sua cor de fundo, cor do texto e rótulo (por padrão “largura×altura”), além de uma tag img pronta para usar.
Como usar
- Digite a largura e a altura em pixels.
- Escolha as cores de fundo e do texto.
- Se quiser, digite um rótulo personalizado.
- Baixe o PNG ou copie a tag img.
Bom saber
- A imagem é desenhada com a Canvas API no tamanho real em pixels e salva como PNG.
- Linhas-guia diagonais e texto centralizado deixam os placeholders fáceis de identificar nos mockups.
- Definir os atributos width e height nas tags img reserva o espaço e evita deslocamentos de layout (layout shift).
- Placeholders locais evitam depender de serviços de terceiros durante o desenvolvimento.
Funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado.
Perguntas frequentes
Como criar uma imagem placeholder?
Informe o tamanho e as cores que você quer e clique em Baixar PNG; o arquivo é gerado na hora no seu dispositivo.
Qual tamanho de placeholder devo usar?
Use as dimensões da imagem final, por exemplo 1200 × 630 para prévias em redes sociais ou 1920 × 1080 para imagens de destaque (hero), para que o layout fique fiel.
Posso mudar o texto do placeholder?
Sim. Digite qualquer rótulo; se deixar em branco, a imagem mostra as próprias dimensões.
Preciso de conexão com a internet ou de um serviço externo?
Não. A imagem é gerada localmente no seu navegador, sem nenhuma requisição a um serviço de placeholders.