PT

SVG para Base64

Transforme ícones SVG em data URIs para fundos CSS e HTML. Escolha Base64 ou a forma codificada para URL, mais curta, que mantém o SVG legível.

Grátis e privado. Tudo funciona no seu navegador e nada é enviado.

Como funciona

  1. Adicione seu SVGAbra o arquivo ou solte na caixa de entrada. Você também pode colar um Base64 direto.
  2. Escolha a saídaEscolha data URI, Base64, CSS, HTML ou Markdown. A pré-visualização e os tamanhos se atualizam na hora.
  3. Copie ou baixeCopie o código com um clique ou baixe a imagem como arquivo.

Base64 ou codificado para URL?

SVG é texto, então não precisa de Base64. Ative a opção de codificação para URL e a ferramenta mantém o SVG como texto, codifica só os caracteres que quebrariam o código e entrega um resultado que costuma ser mais curto e comprime melhor.

O Base64 continua útil quando um sistema só aceita data URIs em Base64, por isso as duas formas ficam a um clique de distância.

Sobre SVG

SVG é um formato vetorial baseado em texto. Como já é texto, ele também pode ser incorporado sem Base64, o que muitas vezes dá um resultado mais curto.

Sobre Base64

Base64 escreve dados binários como texto simples usando letras, números, + e /. Um data URI coloca o tipo do arquivo na frente, por exemplo data:image/png;base64, para o navegador saber como mostrar.

Perguntas frequentes

Posso mudar a cor do ícone depois?

Não com a propriedade color do CSS, porque o SVG vira uma imagem de fundo. Edite a cor de preenchimento no SVG antes de converter, ou use a forma codificada para URL e troque o valor da cor no texto.

Minha imagem é enviada?

Não. A imagem é lida e convertida no seu navegador e nunca vai para nossos servidores.

Existe limite de tamanho?

Não há um limite fixo, mas data URIs acima de uns 100 KB deixam páginas e folhas de estilo pesadas. Para imagens grandes, um arquivo de imagem normal é a melhor escolha.

Posso converter outros arquivos, como PDFs ou fontes?

Sim. Qualquer arquivo vira um data URI ou Base64 puro. As opções CSS, HTML e Markdown só aparecem para imagens.

Como transformo Base64 de volta em imagem?

Cole o texto Base64 ou o data URI na caixa de entrada. A imagem aparece na hora e Baixar salva o arquivo com a extensão certa.

Funciona sem internet?

Sim. Depois que você abre a página uma vez, ela continua funcionando sem conexão.