Codificador SVG para Base64

Converta gráficos vetoriais SVG para o formato codificado em Base64, com suporte a processamento em lote, podendo ser incorporados diretamente em HTML e CSS.

Relatório de bug

Modo de execução no navegador: Seus dados são processados no navegador e não são enviados ao servidor.

Velocidade e estabilidade: A velocidade de processamento depende do seu dispositivo e navegador. Para trabalhos em lote grandes, a versão para desktop pode ser mais estável.

Carregando ferramenta, aguarde...

Se a ferramenta online não carregar ou executar, tente a ferramenta para desktop. https://tools.yikeaigc.com/

Uso da ferramenta

Voltar para a versão antiga

Defina os parâmetros antes de importar SVG. Na etapa 3, converta e baixe. Em lote, só são exibidas as 20 primeiras prévias; o processamento cobre toda a fila.

1Parâmetros de saída

Confirme o tipo de código de saída e o nome do arquivo antes de importar.

Formato de saída

Quebra de linha em texto longo

Nome do ZIP

Texto alt da tag img

Seletor CSS

Tamanho da prévia

Adicionar xmlns automaticamente se ausente
Melhora a compatibilidade ao carregar SVG como recurso de imagem. Remover declaração XML
Reduz o tamanho da saída e evita problemas de parsing em alguns templates. Compressão básica do texto SVG
Remove comentários e espaços entre tags sem alterar a estrutura gráfica. Mostrar prévia do resultado
Pré-visualiza como imagem após converter, evitando executar o conteúdo SVG diretamente.

Recomenda-se definir o formato de saída antes de processar os arquivos.

2Importar conteúdo

Você pode escolher um arquivo SVG ou colar um trecho de código SVG. Os arquivos não serão enviados ao servidor.

Clique para escolher um arquivo SVG ou arraste-o para cá Suporta seleção única ou em lote de arquivos .svg; a interface mostra apenas os 20 primeiros para conferência.

Código SVG

3Importar prévia

Importe primeiro o conteúdo SVG.

4Converter e baixar

Após processar, você pode copiar o resultado, baixar arquivos individuais ou compactar os resultados em lote como ZIP.

Pendente0

Sucesso0

Falhou0

Tamanho do resultado0 KB

Confirme que as duas primeiras etapas foram concluídas e clique em iniciar conversão.

5Prévia dos resultados e ações individuais

Os resultados serão exibidos aqui após a conversão.

Instruções

Instruções de uso do software

Definir parâmetros de conversão: primeiro selecione o formato de saída; é possível gerar Data URI, string Base64 pura, tag HTML img, propriedade CSS background ou código de ícone CSS mask.
Configurar opções de processamento:
- Quebra de linha em textos longos: escolha não quebrar linhas ou quebrar a cada 76, 120 ou 160 caracteres.
- Adicionar xmlns automaticamente: adiciona automaticamente o atributo xmlns quando ele estiver ausente no nó raiz do SVG, facilitando a exibição como recurso de imagem.
- Remover declaração XML: remove a declaração XML no início do SVG, reduzindo exceções na análise de modelos.
- Compressão básica: remove comentários e espaços em branco entre tags para encurtar o conteúdo de saída.
Importar conteúdo SVG: você pode selecionar um ou mais arquivos SVG ou alternar para o modo de colar código-fonte e inserir diretamente o código SVG. Em arquivos em lote, apenas os primeiros 20 são exibidos para conferência; os demais serão processados juntos.
Usar dados de exemplo: clique em “Carregar SVG de exemplo” ou “Inserir código-fonte de exemplo” para visualizar rapidamente o efeito da conversão.
Iniciar conversão: após entrar na etapa “Converter e baixar”, clique em “Iniciar conversão”; a ferramenta gerará o Base64 ou o código incorporado correspondente.
Copiar e baixar: após a conversão, você pode copiar resultados individuais, baixar arquivos de texto individuais, copiar todos os resultados, baixar um TXT consolidado, e os resultados em lote podem ser compactados em ZIP para download.
Salvar configurações: formatos de saída usados com frequência, nome do arquivo ZIP, texto alt, seletor CSS e opções de processamento podem ser salvos e reutilizados na próxima abertura.

Perguntas frequentes

Resposta: Você pode converter ícones SVG ou gráficos vetoriais em formato de texto e incorporá-los em HTML, CSS, arquivos de configuração ou páginas de arquivo único, reduzindo referências a recursos independentes.

Resposta: Data URI inclui o prefixo data:image/svg+xml;base64, e pode ser usado diretamente como endereço de imagem; Base64 puro contém apenas o corpo codificado, sendo adequado para cenários em que o programa adiciona o prefixo por conta própria.

Resposta: Pode ser usado na tag img do HTML, na propriedade CSS background-image, em ícones CSS mask, configurações de estilo, exemplos de componentes ou trechos de código em documentação.

R: Quando alguns SVGs não têm xmlns, podem ser exibidos incorretamente ao serem carregados como imagens Data URI. Adicionar xmlns="http://www.w3.org/2000/svg" ajuda a melhorar a compatibilidade.

R: Não. Base64 apenas altera a forma de representação dos dados, não modifica o conteúdo vetorial do SVG, que continua mantendo suas características vetoriais ao ser redimensionado.

R: O arquivo resultante manterá o nome principal do arquivo SVG original e gerará arquivos txt, css ou html conforme o formato de saída; se houver nomes duplicados, números serão adicionados automaticamente para diferenciá-los.

R: As causas comuns incluem código SVG incompleto, referência a recursos externos, tags fora do padrão ou dependências de estilo. Recomenda-se reexportar primeiro um SVG padronizado no software de design e depois fazer a conversão.

Codificador SVG para Base64

Carregando ferramenta, aguarde...

Uso da ferramenta

Instruções

Instruções de uso do software

Perguntas frequentes

Pergunta: Para que serve converter SVG para codificação Base64?

Pergunta: Qual é a diferença entre Data URI e Base64 puro?

Pergunta: Onde posso colocar o código convertido?

Pergunta: Por que adicionar o atributo xmlns?

P: A codificação Base64 altera a nitidez do SVG?

P: Como os arquivos convertidos em lote são nomeados?

P: Por que algumas pré-visualizações de SVG aparecem vazias?

Ferramentas relacionadas

Conversor inteligente de chinês simplificado/tradicional

Ferramenta de conversão de números

Conversor de energia reativa

Conversor de Binário para Octal

Conversor de Excel para CSV

Ferramenta para converter texto em decimal

Conversor de palavras em inglês para números

Conversor de AIFF para MP3

Conversor de FLAC para MP3

Conversor de octal para decimal