Plums

Visualização SVG e Base64

Visualize arquivos SVG no navegador e converta-os em Base64 ou data URIs para CSS, HTML e apps.

Selecione um arquivo ou cole SVG para visualizar aqui

Todo o processamento acontece no navegador — seus arquivos nunca saem do dispositivo.

Como usar

Visualize ícones e ilustrações antes de incorporá-los, depois copie Base64 ou data URIs sem sair do navegador.

  1. Selecione um arquivo SVG, arraste e solte (desktop) ou cole o código-fonte SVG.
  2. Confira a renderização em fundos xadrez, branco ou escuro e ajuste o zoom.
  3. Copie Base64 puro, um data URI Base64 ou um data URI codificado por URL para seu projeto.
Seu SVG nunca sai deste dispositivo. Codificação e visualização rodam inteiramente no navegador.

Perguntas frequentes

Como funciona a visualização SVG?

Seu SVG é carregado como uma URL blob segura e exibido em um elemento de imagem — sem upload para servidor e sem injeção de HTML bruto.

Qual formato Base64 devo usar?

Use Base64 puro quando uma API espera apenas a string codificada. Use data:image/svg+xml;base64,... em img src ou CSS url(). Data URIs codificados por URL funcionam bem para ícones pequenos em HTML.

Meu SVG é enviado?

Não. Visualização e codificação rodam localmente no navegador.

Qual é o limite de tamanho do arquivo?

Arquivos SVG individuais de até 5 MB. Para compressão em lote, use nossa ferramenta Otimizador SVG.

Buscas relacionadas

Você também pode estar procurando por:

  • visualizar svg online grátis
  • conversor svg para base64
  • gerador data uri svg
  • codificar svg para base64
  • visualizador svg no navegador
  • visualizar svg antes de incorporar
  • codificador base64 svg online
  • converter svg para data uri