Gerador de imagens de espaço reservado (imagens de exemplo)

Gere uma imagem de exemplo diretamente no navegador definindo largura, altura, cor de fundo e cor do texto, e baixe-a como PNG. A imagem nunca é enviada a nenhum servidor.

Tamanhos comuns de imagens de exemplo

Tamanho Uso típico
300×200 Espaço reservado para banner pequeno ou espaço publicitário
800×600 Imagem dentro de um artigo de blog ou imagem temporária de wireframe
1200×630 Imagem OGP para os cartões de compartilhamento do Facebook e X (Twitter)
1080×1080 Publicação quadrada para Instagram e outras redes sociais
1920×1080 Imagem principal Full HD ou fundo de apresentação de slides
640×360 Miniatura de vídeo 16:9 ou miniatura de interface em cartões

Dicas

  • A predefinição "1200×630 (OGP)" fornece instantaneamente o tamanho padrão exibido sem cortes nos cartões de compartilhamento do Facebook e do X (Twitter).
  • Deixar o texto sobreposto em branco exibe automaticamente os números "largura×altura", facilitando distinguir tamanhos rapidamente ao comparar vários wireframes.
  • A cor de fundo e a cor do texto podem ser escolhidas com o seletor de cores ou digitadas diretamente como código hexadecimal, permitindo combinar exatamente com a paleta do seu mockup de design.
  • A imagem gerada é apenas baixada para o seu dispositivo local — ela nunca é enviada ou armazenada no servidor deste site.

Perguntas frequentes

Elas são usadas como "imagens provisórias" em mockups e wireframes de sites ou aplicativos quando a foto ou ilustração final ainda não está pronta. Isso permite verificar o layout e avançar na codificação sem esperar que os materiais finais fiquem prontos.

Não. Esta ferramenta desenha e codifica o PNG inteiramente dentro do seu navegador usando o elemento , portanto os dados da imagem nunca são enviados a lugar nenhum. Ao clicar no botão de download, ela é salva diretamente no seu próprio dispositivo.

As principais redes sociais, como Facebook e X (Twitter), recomendam 1200×630px (uma proporção de aproximadamente 1,91:1). Um tamanho muito menor pode ficar borrado, e uma proporção diferente pode ser cortada de forma inesperada ao ser exibida.

Esta ferramenta aceita valores de 1px a 4000px. Cada navegador impõe seus próprios limites de implementação para o elemento , por isso é melhor evitar tamanhos extremamente grandes, como dezenas de milhares de pixels por lado.
ツールくん

Curiosidade — a cultura das imagens de espaço reservado

O design web tem, há muito tempo, o costume de usar imagens de espaço reservado como substitutas até que as fotos ou ilustrações finais estejam prontas. Segue a mesma ideia do texto de preenchimento "lorem ipsum", usado na indústria gráfica para textos inacabados, só que aplicada a imagens.

Um serviço chamado "Lorem Picsum", lançado em 2014, tornou-se amplamente utilizado como serviço de imagens de espaço reservado que fornece fotografias reais aleatoriamente. Como ele retorna uma foto apenas ao especificar largura e altura na URL, foi adotado em inúmeros mockups de design e tutoriais. Ainda assim, depender de um serviço externo nem sempre é prático para trabalho offline ou projetos com alta confidencialidade.

Esta ferramenta adota uma abordagem diferente: gera instantaneamente uma imagem de cor sólida com um rótulo de texto, tudo dentro do do navegador, sem depender de nenhum serviço externo. Não terá o realismo de uma fotografia, mas é mais que suficiente para verificar tamanhos e proporções, ou para testar o layout de uma imagem de compartilhamento social — situações em que você só precisa de uma imagem com o tamanho correto imediatamente.