O que é uma imagem de placeholder?

Uma imagem de placeholder é um gráfico temporário usado durante o desenvolvimento de sites ou aplicativos para reservar espaço de layout antes que a imagem real esteja pronta — comum em esqueletos, protótipos e modelos HTML.

Existe um tamanho máximo de imagem?

O gerador suporta até 4000×4000 pixels. Além disso, limites de memória do canvas do navegador podem causar erros. Para a maioria dos casos de uso de desenvolvimento, 4000 px por lado é mais do que suficiente.

O que é uma URI de dados Base64 e quando devo usá-la?

Uma URI de dados Base64 codifica a imagem como uma string de texto que você pode colar diretamente no atributo src de uma tag img ou no valor de uma imagem de fundo CSS, eliminando a necessidade de um arquivo de imagem separado. Ideal para imagens pequenas em protótipos ou e-mails.

Qual formato de saída devo escolher — PNG, JPEG ou WebP?

Escolha PNG para qualidade sem perda e suporte a transparência, JPEG para tamanhos de arquivo menores quando a transparência não for necessária e WebP para o melhor equilíbrio entre tamanho e qualidade em navegadores modernos.

Essa ferramenta carrega os meus dados em um servidor?

Não. A imagem é gerada totalmente no seu navegador usando a API Canvas e nunca é transmitida para qualquer servidor. Nenhuma autenticação, upload ou coleta de dados.

🏞️ Gerador de Imagem de PlaceHolder

Crie imagens de placeholder personalizadas em qualquer largura e altura — escolha uma cor de fundo, cor de texto e rótulo, depois baixe como PNG, JPEG ou WebP diretamente no seu navegador.

Largura

Altura

Fundo

Texto

Formato

Rótulo (em branco = tamanho)

Privado por design. Esta ferramenta funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado, e funciona offline.

Sobre

Esta ferramenta usa a API de Canvas do navegador para renderizar um retângulo de cor sólida nas dimensões de pixels que você especificar, depois sobrepõe um rótulo de texto centralizado — padrão para o tamanho da imagem, por exemplo 800×600. Você pode escolher qualquer cor de fundo e cor de texto usando os seletores de cor, digite um rótulo personalizado e escolha PNG, JPEG ou WebP como formato de saída. O resultado pode ser salvo como um arquivo ou copiado como uma URI de dados Base64 para incorporação direta em HTML ou CSS. Como tudo é executado no lado do cliente, seus dados nunca saem do navegador e não é necessário conta ou servidor.

Como usar

Digite a largura e altura desejadas em pixels (até 4000 cada).
Escolha uma cor de fundo e uma cor de texto usando os seletores de cor.
Digite um rótulo personalizado ou deixe-o vazio para exibir automaticamente as dimensões da imagem.
Selecione o formato de saída — PNG, JPEG ou WebP — e verifique a pré-visualização do canvas em tempo real.
Clique em Baixar para salvar o arquivo de imagem ou copie a URI de dados Base64 para incorporá-lo diretamente no código.

Perguntas frequentes

O que é uma imagem de placeholder?: Uma imagem de placeholder é um gráfico temporário usado durante o desenvolvimento de sites ou aplicativos para reservar espaço de layout antes que a imagem real esteja pronta — comum em esqueletos, protótipos e modelos HTML.
Existe um tamanho máximo de imagem?: O gerador suporta até 4000×4000 pixels. Além disso, limites de memória do canvas do navegador podem causar erros. Para a maioria dos casos de uso de desenvolvimento, 4000 px por lado é mais do que suficiente.
O que é uma URI de dados Base64 e quando devo usá-la?: Uma URI de dados Base64 codifica a imagem como uma string de texto que você pode colar diretamente no atributo src de uma tag img ou no valor de uma imagem de fundo CSS, eliminando a necessidade de um arquivo de imagem separado. Ideal para imagens pequenas em protótipos ou e-mails.
Qual formato de saída devo escolher — PNG, JPEG ou WebP?: Escolha PNG para qualidade sem perda e suporte a transparência, JPEG para tamanhos de arquivo menores quando a transparência não for necessária e WebP para o melhor equilíbrio entre tamanho e qualidade em navegadores modernos.
Essa ferramenta carrega os meus dados em um servidor?: Não. A imagem é gerada totalmente no seu navegador usando a API Canvas e nunca é transmitida para qualquer servidor. Nenhuma autenticação, upload ou coleta de dados.