SVG para Base64

Como converter SVG para Base64 online

1. Escolha Arquivo local e selecione um arquivo .svg, ou escolha URL remota e cole um link.
2. Selecione o formato de saída: Base64 puro, data URI, tag HTML, CSS, JavaScript, JSON ou XML.
3. Clique em Codificar SVG em Base64. O resultado aparece na hora, com visualização.
4. Copie o resultado para a área de transferência ou baixe-o como arquivo .txt.

Sobre SVG (Scalable Vector Graphics)

O SVG é um formato vetorial baseado em XML: as formas são descritas com texto em vez de pixels, então a imagem fica nítida em qualquer tamanho. É ideal para ícones, logotipos e ilustrações.

Como o SVG já é texto, você também pode incorporá-lo com codificação URL em vez de Base64, o que muitas vezes fica menor. Ainda assim, Base64 é a opção mais segura quando o código contém aspas ou caracteres que quebrariam seu CSS ou HTML.

Formatos de saída

Escolha como o resultado deve ser formatado. O conversor pode retornar:

• txt: apenas a string Base64, pronta para colar no código, em um campo de banco de dados ou em uma requisição de API.
• uri: um URI data: completo, que você pode colar na barra de endereços do navegador ou usar em qualquer lugar que aceite uma URL.
• html img: uma tag <img> com o data URI no src.
• css background image: uma regra CSS usando background-image: url(data:...).
• html favicon: uma tag <link rel="icon"> para um favicon embutido.
• html hyperlink: um link <a> que baixa ou abre o arquivo incorporado.
• html iframe: um <iframe> que exibe o conteúdo na própria página.
• javascript image: JavaScript que cria um objeto Image.
• javascript popup: JavaScript que abre o conteúdo em uma nova janela.
• json: um objeto JSON com o nome do arquivo, o tipo MIME e os dados.
• xml: um elemento XML com os dados dentro de uma seção CDATA.

É seguro e qual será o tamanho do resultado?

Seu arquivo nunca é enviado: ele é lido e convertido localmente pelo seu navegador com a File API, então até documentos confidenciais ficam no seu dispositivo.

O Base64 representa cada 3 bytes com 4 caracteres, então o resultado codificado fica cerca de 33% maior que o arquivo original (mais alguns bytes de padding e do prefixo do data URI).