Ferramenta para Desenvolvedores

Conversor de SVG para Background CSS

Converta código SVG para CSS background-image usando data URIs. Escolha formato URL-encoded ou Base64 com pré-visualização ao vivo do SVG. Perfeito para backgrounds inline sem requisições HTTP extras.

100% gratuito — nenhuma conta necessária

Backgrounds SVG Inline

Incorpore SVGs diretamente no seu CSS

Saída em Data URI

Converta SVG para uma propriedade CSS background-image usando data URIs.

Pré-visualização ao Vivo

Veja seu SVG renderizado ao vivo enquanto cola ou edita o código.

URL-Encoded e Base64

Escolha entre saída URL-encoded (menor) ou Base64 (mais compatível).

Copiar CSS

Copie a propriedade CSS gerada pronta para colar na sua folha de estilos.

FAQ

Ferramentas para Desenvolvedores

Mais Utilitários para Desenvolvedores

Gerador de gradientes CSS, conversor de pixel para rem e muito mais.