Gerador de imagem placeholder SVG
Gere uma imagem substituta (placeholder) em SVG com as dimensões, as cores e o texto de sua escolha — ideal para prototipar uma interface antes de ter as imagens reais.
Como funciona
Antes que as imagens ou fotos reais de um projeto estejam prontas, designers e desenvolvedores usam placeholders com as dimensões corretas para visualizar o layout final. Esta ferramenta gera um SVG leve, redimensionável sem perda, exibindo as dimensões ou um texto personalizado no centro.
Por que usar um SVG em vez de um PNG para um placeholder?
Um SVG permanece nítido em qualquer tamanho de exibição e geralmente pesa muito menos do que um PNG equivalente, o que acelera o carregamento durante a fase de prototipagem.
Posso integrar esse SVG diretamente no meu HTML?
Sim, o código SVG gerado pode ser colado diretamente em uma tag <img src="data:image/svg+xml,...">, usado como fundo CSS, ou baixado como arquivo .svg independente.
Processamento 100% local: o SVG é gerado inteiramente no seu navegador via WebAssembly.