Gerador de imagens placeholder — imagens de exemplo em qualquer tamanho
Crie uma imagem de exemplo em qualquer tamanho, com suas cores e um rótulo, e baixe em PNG, JPG, WebP ou SVG. Predefinições para redes sociais, anúncios e banners.
Data URLs podem ser coladas direto num <img src> ou num background CSS, para um mockup sem nenhuma requisição externa.
1200 × 630 px · 1.90:1
As imagens são desenhadas no seu navegador; nada é enviado. Ver todas as ferramentas grátis.
Encontrou um problema ou algo que poderia ser melhor? Lemos todas as mensagens e corrigimos rápido.
Este gerador de imagens placeholder grátis cria imagens de exemplo para mockups, wireframes e testes de layout: escolha um tamanho ou uma predefinição (a imagem de compartilhamento de 1200 × 630, um quadrado do Instagram, um banner de destaque, um anúncio leaderboard), escolha as cores, acrescente um rótulo e baixe em PNG, JPG, WebP ou SVG. As dimensões ficam impressas na imagem, para que qualquer pessoa olhando o mockup saiba o que vai ali.
Serviços de placeholder que entregam uma URL são práticos até o serviço ficar lento, limitar as requisições ou sumir, e a apresentação que você mandou para o cliente no ano passado ficar cheia de imagens quebradas. Um arquivo gerado não tem nenhuma dessas falhas. Também é a ferramenta certa para testes: um conjunto de imagens de exemplo com o tamanho exato encontra o layout que quebra em 300 × 250 antes que um anúncio real o faça.
Como usar
- Clique em uma predefinição ou digite a largura e a altura em pixels.
- Defina as cores de fundo e do texto. Cinza médio sobre cinza claro passa a ideia de provisório; as cores da marca deixam o mockup convincente.
- Acrescente um rótulo como “Imagem de destaque” ou “Foto do produto” e mantenha as dimensões visíveis, para o tamanho ficar óbvio.
- Escolha PNG para uso geral, JPG para espaços de fotos, WebP para a web ou SVG quando a imagem precisar ser redimensionável.
- Baixe, ou copie o código SVG ou um data URL para colar direto no HTML ou CSS.
Perguntas frequentes
O que é uma imagem placeholder ou de exemplo?
Uma imagem temporária usada em um design, protótipo ou teste no lugar da imagem final, normalmente um bloco de cor lisa com as dimensões escritas. Ela reserva o espaço, mostra a proporção e deixa óbvio que o arquivo real ainda vai chegar.
Por que gerar um arquivo em vez de usar uma URL de placeholder?
Uma URL depende de um serviço de terceiros estar no ar, rápido e gratuito para sempre. Arquivos não. Arquivos gerados também funcionam offline, em mockups de e-mail, em PDFs e em qualquer ferramenta que não consegue buscar imagens remotas, e não vazam o seu trabalho em andamento para os logs de um serviço.
Qual formato devo escolher?
PNG é o padrão seguro. JPG quando o espaço vai receber uma foto e você quer que o tamanho do arquivo do mockup seja realista. WebP para mockups web. SVG quando o placeholder precisa ser redimensionado sem pixelizar ou você quer editar o código, por exemplo para trocar o rótulo em um template.
Posso usar essas imagens em um site no ar?
Pode, mas não deveria por muito tempo. Um placeholder publicado diz a visitantes e buscadores que a página está inacabada. Use-os em homologação e nos designs; troque pelas imagens reais antes do lançamento.
Que tamanhos preciso para redes sociais em 2026?
Imagem de compartilhamento de links (Open Graph): 1200 × 630. Feed do Instagram: 1080 × 1080 ou 1080 × 1350. Stories e Reels: 1080 × 1920. Imagens no feed do LinkedIn e do X: 1200 × 627 serve para os dois. Miniatura do YouTube: 1280 × 720. As predefinições cobrem todos esses.
Imagens placeholder como ferramenta de teste
Gere uma imagem de exemplo por espaço, exatamente no tamanho previsto, e coloque o conjunto no seu template. Qualquer coisa que estique, corte ou transborde é um bug de layout encontrado antes de as fotos reais chegarem. Depois, gere os mesmos espaços na proporção errada (um quadrado onde deveria ir uma imagem larga) para ver como o layout lida com o que os editores de conteúdo inevitavelmente vão enviar.
Ferramentas grátis relacionadas
- Gerador de Lorem Ipsum — Gere lorem ipsum ou texto de exemplo legível em inglês por parágrafos, frases ou palavras, em texto simples, HTML ou Markdown.
- Redimensionar imagem — Reduza imagens por porcentagem, dimensões exatas em pixels ou um tamanho de arquivo-alvo como 500 KB — tudo no seu navegador.
- Editor de SVG — Desenhe formas, setas, linhas à mão livre e texto em uma tela e baixe um SVG ou PNG limpo. Grátis, no navegador, sem cadastro.