Como usar: Gerador de imagens provisórias
- Digite a largura e a altura ou clique em um tamanho predefinido.
- Defina o fundo (cor sólida ou gradiente), a cor do texto e o rótulo —
{w}e{h}defina as dimensões. - Escolha PNG, JPG, WebP ou SVG e faça o download — ou copie um URI de dados ou uma
<img>tag para colar no seu HTML. - Precisa de um conjunto? Abra o “Gerar vários tamanhos”, liste um tamanho por linha e baixe um ZIP.
Quando usar imagens provisórias
As imagens de preenchimento ocupam os espaços reservados para imagens enquanto a arte final ainda não está pronta: wireframes e maquetes, modelos de CMS, sistemas de design, ambientes de teste e dados iniciais. Colocar o tamanho em cada uma delas deixa os erros de layout bem visíveis — dá pra ver de relance se um espaço de 1200 × 630 tá realmente recebendo uma imagem de 1200 × 630.
Qual formato?
- SVG — algumas centenas de bytes em qualquer tamanho, perfeito para uso inline em HTML ou como um URI de dados.
- PNG — cores exatas e texto nítido, para uploads que exigem um arquivo rasterizado.
- JPG / WebP — quando um sistema só aceita fotos ou você precisa de tamanhos de arquivo realistas para testes de desempenho.
Tamanhos comuns
| Tamanho | Uso |
|---|---|
| 1200 × 630 | Open Graph / visualização do link |
| 1920 × 1080 | Imagem principal em Full HD, miniatura de vídeo em 16:9 |
| 1080 × 1080 | Postagem quadrada nas redes sociais |
| 300 × 250, 728 × 90, 160 × 600 | Unidades de anúncio IAB |
Crie uma imagem de pré-visualização real com o gerador de imagens OG, converta arquivos de imagem para Base64 e preencha layouts com texto do gerador de lorem ipsum.
Também pesquisado como: imagem provisória, gerador de imagens de exemplo, gerador de imagens de preenchimento, svg de preenchimento, espaço reservado para imagem, imagem falsa, gerador de imagens de teste.
Ferramentas que combinam com: Gerador de imagens provisórias
- Gerador de dados simulados — Crie até 10.000 linhas de dados de teste realistas — usuários, produtos, pedidos, endereços, empresas ou registros de API aninhados — ou crie seu próprio esquema.
- Redimensionador de imagens — Redimensione uma foto para dimensões exatas em pixels ou uma porcentagem, recorte-a para se ajustar ao tamanho de uma rede social ou encaixe-a dentro de uma moldura com uma cor de fundo — tudo isso diretamente no seu navegador.
- Gerador de códigos de barras — Crie códigos de barras que podem ser lidos por leitores ópticos para produtos, estoque, remessas e bibliotecas — os dígitos de verificação são calculados automaticamente, e você pode baixar um arquivo SVG de alta qualidade para impressão ou um PNG para documentos.
- Leitor de código QR — Aponte sua câmera para um código QR ou envie uma imagem ou captura de tela que contenha um.
Perguntas frequentes
Posso usar essas imagens para fins comerciais?
Como uso o URI de dados?
src de um <img> ou no CSS url(). Isso incorpora a imagem no seu código, então não é preciso hospedar nenhum arquivo.