Ferramentas SVG

Conversor SVG para CSS

Converta código SVG em URIs de dados CSS background-image. Perfeito para fundos SVG inline sem arquivos externos.

Conversor SVG
Otimizar SVG
Remover espaços e comentários

Otimização Inteligente

Remove automaticamente espaços desnecessários, comentários e atributos para minimizar o tamanho do arquivo enquanto preserva a qualidade SVG.

Múltiplos Formatos

Escolha entre Data URI codificado em URL (menor) ou codificação Base64 (melhor compatibilidade) com base nas suas necessidades.

Visualização ao Vivo

Veja seu SVG renderizado em tempo real como fundo CSS para garantir que esteja perfeito antes de usá-lo.

Como Usar

1

Cole ou digite seu código SVG no campo de entrada

2

Escolha o formato de saída e ative a otimização se necessário

3

Visualize o código CSS gerado e a pré-visualização

4

Copie ou baixe o CSS para usar em seu projeto

Perguntas Frequentes