Gerador de imagens de espaço reservado

O que é Gerador de imagens de espaço reservado?

O Gerador de Imagens de Espaço Reservado é uma ferramenta gratuita no navegador para designers e desenvolvedores front-end que precisam de gráficos de preenchimento ao criar layouts, mockups, anúncios e bibliotecas de componentes. Comece por um predefinido como uma publicação do Instagram, uma miniatura do YouTube, um cartão OG ou um espaço de anúncio como um leaderboard 728×90, ou digite dimensões exatas em pixels. Estilize o fundo como uma cor única, um degradê diagonal de duas cores ou uma paleta aleatória, adicione um padrão diagonal ou de grade e posicione um rótulo de várias linhas em uma de nove posições com uma fonte sans, serifada ou monoespaçada. Ative a sobreposição de dimensões para carimbar a largura e a altura em um canto e exporte como PNG, JPG, WebP ou SVG copiável, com uma escala retina @2x opcional para os formatos de bitmap.

Como usar Gerador de imagens de espaço reservado

1. Escolha um tamanho predefinido (redes, miniatura ou anúncio) ou digite uma largura e altura exatas em pixels.
2. Abra as Configurações para definir o fundo: sólido, degradê de duas cores ou clique em Aleatório para cores aleatórias seguras.
3. Opcionalmente sobreponha um padrão diagonal ou de grade e ative a sobreposição de dimensões.
4. Digite um rótulo — use quebras de linha para texto de várias linhas — e defina sua posição, família de fonte, peso e tamanho.
5. Escolha PNG, JPG, WebP ou SVG e ative @2x para uma exportação retina em bitmap.
6. Confira a pré-visualização ao vivo e clique em Baixar (para SVG também pode copiar o markup).

Exemplos

Perguntas frequentes

Quais tamanhos predefinidos estão incluídos?

Tamanhos de redes (publicação, retrato e story do Instagram, capa do Facebook, publicação e cabeçalho do X, banner do LinkedIn, miniatura do YouTube, cartão OG) e unidades de anúncio padrão (leaderboard, retângulo médio, arranha-céu largo, outdoor). Escolha um para preencher a largura e a altura, ou insira qualquer tamanho personalizado.

Como funcionam as opções de fundo e padrão?

O fundo pode ser uma cor única, um degradê diagonal de duas cores ou uma paleta aleatória pelo botão Aleatório, que usa o gerador de números aleatórios seguro do seu navegador. Por cima, você pode sobrepor um padrão de linhas diagonais ou uma grade desenhada na cor do texto.

O rótulo pode ter várias linhas e ser reposicionado?

Sim. Digite quebras de linha na caixa de rótulo para texto de várias linhas, posicione o bloco em uma de nove posições (topo/meio/base × esquerda/centro/direita) e escolha uma fonte sans, serifada ou monoespaçada com peso normal ou negrito e tamanho automático ou fixo. Deixe o rótulo vazio para imprimir as dimensões automaticamente.

O que faz a exportação @2x?

Para os formatos de bitmap (PNG, JPG, WebP), renderiza o canvas no dobro das dimensões em pixels para que o arquivo permaneça nítido em telas retina e de alta DPI. O SVG já é independente de resolução, então @2x não se aplica a ele.

Minhas imagens ou textos são enviados para algum lugar?

Não. Cada espaço reservado é desenhado inteiramente no seu navegador com as APIs de canvas e SVG, e os downloads acontecem localmente — nada do que você digita ou gera é enviado para um servidor, então funciona offline e mantém seu trabalho privado.