Imagem / Mockups

Gerador de imagens placeholder

Crie imagens placeholder em vários tamanhos de uma vez, com suas próprias cores e textos, e baixe tudo em PNG ou SVG para mockups, layouts e espaços de anúncio.

Gerador de imagens placeholder: Cada imagem é um retângulo preenchido com seu tamanho ou texto centralizado. O tamanho do texto se ajusta para ocupar cerca de 80% da largura e 40% da altura. As imagens SVG são geradas como markup simples, com algumas centenas de bytes cada; as imagens PNG são desenhadas em um canvas no seu navegador. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar
Gerador de imagens placeholderProcessamento local

Roda inteiramente no seu navegador

1200 × 630
1200 × 630
1080 × 1080
1080 × 1080
300 × 250
300 × 250
728 × 90
728 × 90

As imagens são geradas no seu navegador. Os arquivos SVG permanecem nítidos em qualquer tamanho e são pequenos; PNG funciona em qualquer lugar, inclusive em e-mails e documentos de escritório.

Usando placeholders em um layout

Crie placeholders exatamente do tamanho das imagens finais para que a página não mude de posição quando as imagens reais forem carregadas e mantenha-os em um tom de cinza neutro para que não sejam confundidos com um design finalizado.

Quando as imagens reais chegarem, ajuste-as ao tamanho necessário com o redimensionador de imagens e confira as proporções com a calculadora de proporção.

Incorporando placeholders SVG

Um placeholder SVG pode ser inserido diretamente no src de uma tag img como um URI de dados, evitando um arquivo separado; o gerador de URI de dados cria um a partir de um SVG baixado.

Como usar

  1. Liste os tamanhos necessários, como 1200x630 e 300x250.
  2. Escolha as cores de fundo e do texto e, opcionalmente, adicione um texto.
  3. Baixe cada imagem ou todas de uma vez em PNG ou SVG.

Privacidade e limitações

As imagens são criadas no seu navegador; nada é enviado ou buscado.

Ferramentas relacionadas

Perguntas frequentes

Quais tamanhos são comuns?

1200 × 630 para prévias de links nas redes sociais, 1080 × 1080 para posts quadrados e 300 × 250, 728 × 90 e 160 × 600 para anúncios padrão.

PNG ou SVG?

SVG para mockups na web, pois é pequeno e continua nítido em qualquer nível de zoom; PNG quando o SVG não é aceito, como em e-mails, apresentações ou algumas ferramentas de design.

Posso usar várias linhas de texto?

Não na caixa de texto, que aceita uma linha; o rótulo do tamanho ou uma palavra curta, como Logo ou Banner, geralmente fica mais claro.

Ferramenta grátis · no seu navegador execuções · não precisa de conta