Última atualização: 7 de setembro de 2026
Gerador de Imagem Placeholder
Gere um placeholder SVG com tamanho e cores à sua escolha, sem serviço externo.
Como usar o Gerador de Imagem Placeholder
- 1Escolha as dimensões. Largura e altura em pixels.
- 2Escolha as cores (opcional). Cor de fundo e do texto.
- 3Gere e copie. Use a Data URI diretamente ou copie a tag <img> pronta.
Por que gerar a imagem no navegador em vez de usar uma URL externa
A maioria dos geradores de placeholder tradicionais funciona servindo a imagem por uma URL de um serviço externo (algo como https://via.placeholder.com/600x400), o que significa que toda vez que a página carrega, o navegador faz uma requisição para esse serviço — uma dependência de rede que pode falhar, ficar lenta, ou simplesmente parar de existir um dia.
Este gerador produz um SVG simples inteiramente no seu navegador e o embute como uma Data URI (uma string que contém a imagem inteira codificada em Base64) — a tag <img> resultante não faz nenhuma requisição de rede, funciona offline e não depende da disponibilidade de um serviço externo, mantendo a mesma filosofia 100% client-side do restante do QALabs.
Perguntas Frequentes
Essa imagem depende de algum servidor externo?
Não. A imagem é um SVG gerado inteiramente no seu navegador e embutido como Data URI.
Por que usar SVG em vez de PNG ou JPG?
Um SVG com texto e formas simples é extremamente leve e pode ser gerado matematicamente no navegador, sem precisar de uma biblioteca de renderização de imagem bitmap.