image

Otimizador SVG / gerador Data URI

Otimize SVG, detecte markup arriscado e copie Data URI ou CSS background — 100% local.

Entrada SVG

O texto SVG é processado localmente no navegador e não é enviado aos servidores DevCove.

Esta ferramenta não renderiza nem executa SVG na página. Revise avisos de risco antes de usar em produção.

Modo de otimização

Mantém viewBox, title, desc, role e aria-* quando possível.

Cole ou envie texto SVG para começar.

Sobre esta ferramenta

O Otimizador SVG do DevCove ajuda desenvolvedores frontend a minificar SVG sem enviar arquivos. Cole ou envie texto SVG, execute pré-checagem de segurança, otimize em Safe ou Aggressive e copie snippets Data URI ou CSS. O SVG nunca é executado na página.

Como usar

Use este otimizador quando precisar de SVG menor e Data URIs copiáveis localmente:

  1. Cole markup SVG ou envie um arquivo .svg.
  2. Revise a pré-checagem para scripts, eventos ou referências externas.
  3. Escolha Safe por padrão ou Aggressive para saída menor.
  4. Clique em Otimizar SVG e compare o tamanho antes/depois.
  5. Copie SVG otimizado, Data URI URL-encoded, CSS background-image ou Base64.

Recursos

Feito para fluxos de assets SVG no frontend:

  • Presets SVGO Safe e Aggressive com remoção de script.
  • Pré-checagem de scripts, handlers de evento e URLs externas.
  • SVG otimizado mais Data URI URL-encoded e Base64.
  • Snippet CSS background-image para ícones inline.
  • Comparação de bytes antes/depois.
  • Processamento local de texto sem executar SVG.

FAQ

Meu SVG é enviado?

Não. O texto SVG é otimizado inteiramente no navegador.

Por que não há pré-visualização?

Para evitar executar markup não confiável, a ferramenta trata SVG apenas como texto e não o renderiza.

Safe vs Aggressive?

Safe mantém viewBox, title, desc e atributos de acessibilidade comuns. Aggressive minifica mais e pode removê-los.

Qual Data URI devo usar?

Data URIs URL-encoded costumam ser menores para texto SVG. Base64 é opcional quando o pipeline exige.

SVG arriscado ainda é otimizado?

Sim, mas a pré-checagem lista padrões arriscados da origem. Revise avisos antes de usar em produção.

Como difere do Compressor de imagem?

O compressor trata bitmaps. Esta ferramenta otimiza markup SVG e gera snippets Data URI.