Gerador de imagem placeholder
Escolha a largura e a altura em pixels, as cores e o texto, e baixe uma imagem placeholder em PNG, JPG ou WebP. Serve para montar layout, protótipo e testar componentes de imagem.
Prévia
Precisa de um arquivo com tamanho exato para testar upload?
Para que serve uma imagem placeholder
Uma imagem placeholder ocupa o lugar de uma imagem que ainda não existe. Ela tem as dimensões exatas, uma cor sólida e, aqui, o texto com a largura e a altura. Assim dá para ver na hora se o espaço do layout está certo.
Layout e protótipo
Reserve o espaço de fotos e banners antes de ter o material final.
Teste de componente
Veja como a tag <img /> corta, redimensiona e carrega com dimensões diferentes.
CMS e documentação
Preencha listagens, galerias e exemplos sem usar fotos de verdade.
Como gerar a imagem
Defina as dimensões
Digite a largura e a altura em pixels, de 1 a 4096, ou clique em um atalho como Open Graph.
Escolha as cores e o texto
Selecione o fundo e a cor do texto, ou uma combinação pronta. Sem texto, a imagem mostra as próprias dimensões.
Escolha o formato e baixe
O PNG deixa o texto mais nítido, e o JPG e o WebP geram arquivos mais leves. O arquivo é salvo com um nome como placeholder-1200x630.png.
Dimensões
São as mais comuns em layouts, redes sociais e vídeos. Os atalhos da ferramenta preenchem a largura e a altura com um clique.
| Dimensões | Onde se usa |
|---|---|
| 1920 × 1080 | Hero de página, capa de vídeo e papel de parede |
| 1280 × 720 | Miniatura de vídeo do YouTube e capa de post de blog |
| 1200 × 630 | Prévia de link no WhatsApp, LinkedIn, Facebook e X |
| 1080 × 1080 | Post quadrado em redes sociais |
| 1080 × 1350 | Post vertical no feed de redes sociais |
| 1080 × 1920 | Stories, Reels e TikTok |
| 800 × 600 | Cards, galerias e telas de produto |
| 400 × 400 | Foto de perfil de usuário em apps e redes sociais |
PNG, JPG ou WebP:
Os três servem. O que muda é como cada um trata texto e fundo de uma cor só.
PNG
Deixa o texto e o fundo de uma cor só bem nítidos. É o mais pesado dos três.
JPG
É leve, mas a compressão pode borrar as bordas das letras.
WebP
É leve e nítido, mas nem todo navegador gera esse formato. O Safari não gera, e a opção fica desabilitada.
Para placeholder com texto, use PNG. O arquivo pesa um pouco mais, mas as letras ficam nítidas.