Gerador de imagem placeholder SVG
Gere uma imagem placeholder SVG leve (dimensões, texto, cores) como SVG, data-URI ou tag img.
🔒 100 % no cliente — nenhum dado enviado
Gere uma imagem placeholder SVG ultraleve para seus mockups: escolha as dimensões, as cores e o texto e obtenha o SVG, um data-URI ou uma tag <img> pronta para colar. Sem requisição de rede, tudo é gerado localmente.
What is it for?
- ▸ Substituir uma imagem ausente em um mockup
- ▸ Criar miniaturas de teste nas dimensões certas
- ▸ Evitar depender de um serviço de placeholder externo
- ▸ Inserir uma imagem inline via data-URI
FAQ
Por que um placeholder SVG em vez de uma imagem?
É um arquivo de texto minúsculo, nítido em qualquer tamanho e incorporável diretamente como data-URI, sem requisição de rede.
Como uso o data-URI?
Cole no atributo src de uma tag <img> ou em uma propriedade CSS background-image.
Qual é o tamanho máximo?
Até 4000 pixels por lado. Como o SVG permanece vetorial, ele fica nítido em qualquer tamanho.
O texto é personalizável?
Sim, deixe o campo vazio para mostrar as dimensões, ou digite seu próprio texto.
Related tools
Basic Auth · gerador de header Gere o header HTTP Authorization: Basic a partir de um nome de usuário e senha. Bearer · header Authorization Gere o header HTTP Authorization: Bearer e extraia um token de um header. Playground de código (JS/TS/Python/PHP) Execute JavaScript, TypeScript, Python ou PHP e veja o resultado instantaneamente, 100% no seu navegador. Tons de cor Gere tints e shades de uma cor para sua paleta, no seu navegador. Cookie · parser Separe um header Cookie ou Set-Cookie em pares chave/valor legíveis. Headers CORS · builder Gere headers CORS (Access-Control-Allow-*) para seu servidor.