./prontouso.com

UTILITÁRIOS DE DESIGN

Otimizador de SVG

Cole markup SVG para remover ruído comum de exportação, comentários, metadados, atributos de editor e espaços extras antes de copiar ou baixar.

Status da ferramentaRoda no seu navegador
Prévia

SVG

SVG otimizado

Economia aproximada: 92 bytes.

Como funciona

  1. Informe os dados

    Preencha os valores, cole o texto ou envie o arquivo que esta ferramenta usa.

  2. Veja o resultado na hora

    A maioria das ferramentas atualiza enquanto você digita; algumas usam um único botão. De qualquer forma, o resultado aparece aqui mesmo.

  3. Use o resultado

    Copie, baixe ou compartilhe o que a ferramenta gerar — o controle é sempre seu.

Privacidade e processamento — Roda localmente no seu navegador. Esta ferramenta não faz upload da sua entrada.

O que é Otimizador de SVG?

O Otimizador de SVG é uma ferramenta para limpar markup SVG, removendo metadados, comentários e atributos de editor sem redesenhar o arquivo.

ENTENDA A FERRAMENTA

Como otimizar markup SVG

Use este guia para reduzir ruído de exportação sem perder atributos importantes de desenho ou acessibilidade.

O que é removido

O otimizador remove declarações XML, doctype, comentários, blocos metadata, espaços extras e atributos comuns de editor, como Inkscape, Sketch, Sodipodi e data-name.

O que permanece

Elementos de forma, dados de path, fills, strokes, dimensões, viewBox e a maioria dos atributos SVG comuns são preservados. A ideia é reduzir o arquivo sem redesenhar nem reinterpretar o ícone.

Antes de usar o SVG otimizado

  • Pré-visualize o SVG no app ou design system depois da otimização.
  • Mantenha atributos de acessibilidade, como title, role ou aria labels, quando eles existem na origem.
  • Revise SVGs de fontes não confiáveis antes de embutir em uma página.

Cuidados com o markup

A saída é texto SVG simples. Guarde uma cópia da exportação original se você pode precisar de metadados de editor ou nomes de camada depois.

Perguntas frequentes

Isso muda o desenho?

Não deveria mudar intencionalmente. Ele remove metadados e espaços ao redor do markup, mas ainda vale pré-visualizar assets importantes depois da otimização.

Ele minifica dados de path?

Não. Ele não reescreve comandos nem coordenadas de path, então a economia é conservadora e menos arriscada.

Por que minha entrada foi rejeitada?

A entrada precisa conter um elemento SVG. Se você colou apenas um path ou copiou uma imagem renderizada, envolva em markup SVG válido primeiro.

Ele sanitiza SVG inseguro?

Não. Ele remove ruído comum de exportação, mas não é um sanitizador de segurança. Revise SVGs não confiáveis antes de embutir.

Ferramentas relacionadas