Gerador de imagens placeholder SVG

Gerar imagem placeholder SVG personalizada

Entrada

Largura × Altura

Largura

Altura

Texto de espaço reservado

Tamanho da fonte: 24px

Cor de fundo

Cor do texto

Estilo do modelo

Pré-visualização

400 × 300 pixels

Código SVG

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

Instruções de uso

Configuração de tamanho

Defina a largura e a altura da imagem placeholder, com suporte a unidades em pixels

Conteúdo de texto

Você pode personalizar o texto do placeholder, suportando exibição dinâmica de variáveis de tamanho como largura e altura

Seleção de modelos

Oferece vários estilos de modelos para atender a diferentes necessidades de design.

Exportação para uso

O SVG gerado pode ser usado diretamente no desenvolvimento web ou em layouts de design.

📖Introdução à ferramenta.

O gerador de SVGs de placeholder é uma ferramenta profissional de criação de imagens vetoriais de espaço reservado, capaz de gerar rapidamente SVGs em vários tamanhos e estilos. SVG (Gráfico Vetorial Escalável) é um formato vetorial que permite escala infinita sem perda de definição, tamanho de arquivo pequeno e suporte a ajustes de CSS, sendo a escolha ideal para o desenvolvimento web moderno. Esta ferramenta oferece vários templates predefinidos, permitindo dimensões, textos, cores e estilos de fundo personalizados. O código SVG gerado pode ser incorporado diretamente em HTML como SVG inline ou utilizado como placeholder em designs, aumentando significativamente a eficiência de desenvolvimento e design.

Recursos.

Controle de tamanho flexível: permite definir qualquer tamanho no intervalo de 50 a 2000 pixels.

Estilos de modelo variados: simples, gradiente, grade, malha de pontos, linhas e outros modelos de fundo.

Conteúdo de texto personalizável: suporta texto de espaço reservado e exibição de variáveis de tamanho dinâmico.

Controle preciso de cores: ajuste preciso das cores de primeiro plano e de fundo no espaço de cores HSL.

Ajuste do tamanho da fonte: controle deslizante para o tamanho da fonte de 12 a 72 pixels.

Funcionalidade de copiar com um clique: copie rapidamente o código SVG para a área de transferência.

Suporte a download de arquivos: o SVG gerado pode ser baixado e salvo diretamente.

Pré-visualização responsiva: visualização em tempo real, suportando dispositivos móveis e desktop.

❓Perguntas frequentes.

🔗Ferramentas relacionadas.

Gerador de código QR

Gerar imagem de código QR personalizada

Gerador de imagens placeholder SVG

Configuração de tamanho

Conteúdo de texto

Seleção de modelos

Exportação para uso

📖Introdução à ferramenta.

Recursos.

❓Perguntas frequentes.

Quais as vantagens das imagens SVG de espaço reservado em relação às imagens bitmap tradicionais? Em quais cenários elas são adequadas?

Como usar as imagens SVG de espaço reservado geradas em um projeto?

Quais são as diferenças entre os estilos de modelos? Como escolher o modelo adequado?

Que conteúdos o texto de espaço reservado suporta? Como usar variáveis dinâmicas?

Qual é o tamanho do arquivo SVG gerado? Como é o desempenho?

🔗Ferramentas relacionadas.

Gerador de código QR

Conversor de imagens Base64

Analisador de expressões Cron

JSON para CSV

JSON para YAML

Conversor de JSON para XML

YAML para JSON

Formatador de JSON

Visualização de JSON

Gerador de dados JSON

Tradutor JSON i18n

Comparação de diferenças de JSON

Gerador de UUID

Gerador de senhas

Codificação e decodificação Base64

Codificação/decodificação de URL

Gerador de hash MD5

Gerador de hash SHA256

Gerador de hash SHA1

Codificador/decodificador hexadecimal

Codificador/decodificador binário

Criptografador/Descriptografador AES

Ferramenta de criptografia/descriptografia RSA

Gerador de HMAC

Consulta de endereço IP

Conversor de milissegundos