Gerador de imagem placeholder
Crie imagens placeholder de qualquer tamanho até 4000×4000 com suas cores e texto. Baixe em PNG, JPEG, WebP ou SVG, ou copie a data URI — sem serviço externo.
Deixe vazio para mostrar as dimensões.
O que é Gerador de imagem placeholder?
Crie imagens placeholder simples que mostram as próprias dimensões (como 640×360) ou um texto seu, em qualquer tamanho de 1 a 4000 pixels. Escolha as cores do fundo e do texto e exporte em PNG, JPEG, WebP ou SVG. As imagens são desenhadas localmente, então você não depende de um serviço web de placeholders.
Como usar Gerador de imagem placeholder
- Informe a Largura e a Altura em pixels.
- Escolha o Fundo e a Cor do texto e digite um Texto, ou deixe vazio para mostrar o tamanho.
- Escolha o Formatar.
- Baixe a imagem ou copie o código SVG / a data URI.
Exemplo
Width 300, Height 150, Background #cccccc, Text color #555555, Format SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="150" viewBox="0 0 300 150"><rect width="100%" height="100%" fill="#cccccc"/><text x="50%" y="50%" fill="#555555" font-family="Arial, Helvetica, sans-serif" font-size="30" text-anchor="middle" dominant-baseline="central">300×150</text></svg>
Quando usar Gerador de imagem placeholder
Use-o para wireframes, mockups de design, testes de layouts responsivos e componentes de imagem, e para popular demos de CMS ou e-commerce. Para prévias realistas, use fotos reais ou de banco de imagens; para placeholders desfocados de carregamento, use uma versão em baixa resolução da própria imagem.
Como funciona Gerador de imagem placeholder
Em PNG, JPEG e WebP, a imagem é pintada em um canvas HTML do tamanho pedido: um retângulo preenchido mais o texto centralizado em Arial, com fonte de um quinto do lado menor (reduzida para textos longos para caber), e depois exportada com canvas.toDataURL. Em SVG, a ferramenta grava um arquivo vetorial minúsculo com um <rect> e um elemento <text> centralizado, que fica nítido em qualquer zoom e costuma ter menos de 400 bytes.
Casos de Uso Comuns
- Preencher espaços de imagem em wireframes e protótipos
- Testar proporções e CSS de imagens responsivas
- Popular produtos de demonstração em uma loja virtual
- Embutir placeholders SVG minúsculos como data URIs
Perguntas Frequentes
Qual formato devo escolher?
O SVG é o menor e mais nítido para placeholders chapados; o PNG é melhor quando um arquivo raster é obrigatório; JPEG e WebP são úteis para testar pipelines de fotos.
Posso usar essas imagens por hotlink?
Não há hospedagem. Baixe o arquivo ou cole a data URI / o código SVG diretamente no seu HTML ou CSS.
Qual é o tamanho máximo?
4000 × 4000 pixels. PNGs muito grandes podem levar um instante para exportar, dependendo do seu dispositivo.