O tamanho automático é uma estimativa; ele não quebra o texto em linhas nem garante que caiba em qualquer tela. Encurte o texto, aumente as dimensões ou desative o ajuste automático e use uma fonte menor. Confira o arquivo gerado.
Gerador de imagens de espaço reservado
Crie uma imagem estática de espaço reservado com dimensões, cores e um texto curto. Gere PNG, JPG, WebP ou SVG para baixar, ou copie uma URL de imagem SVG separada para o layout.
Defina tamanho, cores e texto
Use uma imagem de espaço reservado enquanto prepara a arte final. Não é necessário enviar uma imagem de origem.
Largura e altura
Cada lado aceita 1–4.000 px. O tamanho inicial é 800×600.
Tamanhos rápidos
300×300, 300×250, 1200×630 e 1920×1080. Você também pode digitar dimensões como 728×90.
Cores do fundo e do texto
Escolha duas cores sólidas com os seletores ou valores HEX. O fundo é opaco.
Texto
As dimensões aparecem por padrão. Ative o texto personalizado para escrever até 100 caracteres; se ficar vazio, as dimensões voltam a aparecer.
Tamanho da fonte
O tamanho automático começa ativado. Desative-o para escolher de 8 a 200 px. Textos longos ou telas muito pequenas ainda podem cortar as letras.
| Configuração | Opções disponíveis |
|---|---|
| Largura e altura | Cada lado aceita 1–4.000 px. O tamanho inicial é 800×600. |
| Tamanhos rápidos | 300×300, 300×250, 1200×630 e 1920×1080. Você também pode digitar dimensões como 728×90. |
| Cores do fundo e do texto | Escolha duas cores sólidas com os seletores ou valores HEX. O fundo é opaco. |
| Texto | As dimensões aparecem por padrão. Ative o texto personalizado para escrever até 100 caracteres; se ficar vazio, as dimensões voltam a aparecer. |
| Tamanho da fonte | O tamanho automático começa ativado. Desative-o para escolher de 8 a 200 px. Textos longos ou telas muito pequenas ainda podem cortar as letras. |
Para um espaço reservado escuro, experimente um fundo como #1f2937 com texto claro como #f9fafb. Confira a legibilidade no tamanho em que a imagem será exibida.
Como criar uma imagem de espaço reservado
1
Escolha as dimensões
Digite largura e altura ou escolha um tamanho rápido. Para vincular as dimensões, defina as proporções desejadas antes de ativar o bloqueio; confira os dois valores perto do limite.
2
Defina cores e texto
Mantenha as dimensões como texto ou digite uma identificação curta. Ajuste a fonte se o texto for longo demais para a tela.
3
Baixe um arquivo ou copie uma URL
Escolha o formato e clique em Gerar imagem. Aguarde a tarefa terminar e baixe pela lista de resultados. Copiar URL e Copiar HTML são operações separadas que usam o endereço SVG.
Escolha entre um download e uma URL SVG
O seletor de formato controla os arquivos gerados. Ele não muda o formato da imagem fornecida pela URL copiada.
Gerar imagem
Cria o PNG, JPG, WebP ou SVG escolhido no servidor. PNG é o padrão.
Qualidade de JPG ou WebP
“Compressão moderada”, “Equilibrado”, “Alta qualidade” ou “Qualidade máxima”, com “Alta qualidade” selecionado inicialmente. Ambos usam codificação com perdas; “Qualidade máxima” não é um modo sem perdas.
Copiar URL
Copia um endereço que retorna SVG usando as dimensões, cores e texto incluídos na URL. Não é necessário gerar um arquivo para download primeiro.
Copiar HTML
Copia uma tag de imagem que aponta para a mesma URL SVG. Mudar o formato ou a qualidade do download não altera essa URL.
| Ação | Resultado |
|---|---|
| Gerar imagem | Cria o PNG, JPG, WebP ou SVG escolhido no servidor. PNG é o padrão. |
| Qualidade de JPG ou WebP | “Compressão moderada”, “Equilibrado”, “Alta qualidade” ou “Qualidade máxima”, com “Alta qualidade” selecionado inicialmente. Ambos usam codificação com perdas; “Qualidade máxima” não é um modo sem perdas. |
| Copiar URL | Copia um endereço que retorna SVG usando as dimensões, cores e texto incluídos na URL. Não é necessário gerar um arquivo para download primeiro. |
| Copiar HTML | Copia uma tag de imagem que aponta para a mesma URL SVG. Mudar o formato ou a qualidade do download não altera essa URL. |
As configurações e o texto são enviados ao servidor. Qualquer pessoa com a URL copiada pode ler o texto e os ajustes nela contidos. Baixe os arquivos que deseja guardar; os resultados das tarefas são temporários.
Use a imagem para a próxima decisão de layout
Escolha dimensões que correspondam ao espaço de imagem que você está projetando.
Cards, perfis e banners
Um bloco de 300×300 pode indicar um espaço quadrado de perfil, e 728×90 pode indicar um banner largo. Adicione uma identificação curta para facilitar a substituição pela imagem final.
Redimensionar uma imagem existente
Se já tem a imagem, use Redimensionar imagem. Este gerador cria um retângulo colorido com texto.
Uma imagem simples de espaço reservado não prevê o tamanho do arquivo nem o desempenho de carregamento da fotografia final. Teste o arquivo definitivo antes de publicar.
Dúvidas sobre imagens de espaço reservado
A URL gera a imagem a partir das configurações e depende da disponibilidade deste serviço. Ela é diferente do arquivo da tarefa de download. Para controlar um recurso de produção, baixe a imagem e hospede-a no seu projeto. O texto SVG pode ser exibido de formas diferentes conforme o visualizador.
Este formulário gera uma imagem estática com fundo sólido e texto. Não há controles de fundo transparente ou animação.
Crie uma imagem de espaço reservado para o layout
Defina dimensões e texto, depois gere um arquivo ou copie a URL SVG.