Gerador de Imagens Placeholder

Gere instantaneamente imagens placeholder personalizadas (SVG ou Data URI) para seus mockups e designs web.

Largura Altura Cor de Fundo Cor do Texto Texto Personalizado

Tamanho da Fonte

24px

Formato de Saída SVG Data URI

Pré-visualização

Código Gerado

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300">
  <rect width="100%" height="100%" fill="#cccccc"/>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" fill="#333333" font-family="sans-serif" font-size="24">400 × 300</text>
</svg>

Sobre

Largura, altura, cor de fundo, cor do texto e texto personalizáveis
Gera instantaneamente um SVG ou Data URI Base64
Sem solicitações de rede externas, gerado inteiramente no navegador
Pronto para copiar e colar diretamente em suas tags img ou CSS

Ferramentas Relacionadas