Visualizador e Otimizador SVG
O visualizador e otimizador de SVG renderiza o código SVG colado em uma prévia ao vivo e o minifica removendo a declaração XML, comentários, os elementos title, desc e metadata e espaços em branco extras, mostrando quanto espaço foi economizado.
Sobre esta ferramenta
O visualizador e otimizador de SVG renderiza o código SVG colado em uma prévia ao vivo e o minifica removendo a declaração XML, comentários, os elementos title, desc e metadata e espaços em branco extras, mostrando quanto espaço foi economizado.
Como usar
- Cole seu código SVG na caixa de entrada.
- Confira a prévia ao vivo.
- Clique em Otimizar SVG para minificá-lo e ver a redução de tamanho.
- Copie o resultado ou baixe-o como arquivo .svg.
Bom saber
- Editores como Illustrator e Inkscape costumam adicionar comentários, metadados e espaços em branco de que os navegadores não precisam.
- Remover essa marcação geralmente deixa o SVG bem menor, sem mudar sua aparência.
- Este otimizador remove os elementos title e desc; mantenha um title se o SVG precisar de um nome acessível.
- A prévia renderiza o SVG como imagem, então scripts dentro do arquivo não são executados.
- Arquivos SVG comprimem bem com gzip ou Brotli no seu servidor web.
Funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado.
Perguntas frequentes
Como visualizo um arquivo SVG?
Abra-o em qualquer navegador moderno ou cole o código aqui para ver uma prévia na hora.
Como reduzo o tamanho de um arquivo SVG?
Remova metadados do editor, comentários e espaços em branco desnecessários, que é o que o Otimizar SVG faz. Para economizar ainda mais, uma ferramenta como o SVGO também pode simplificar os caminhos.
É seguro colar código SVG aqui?
Sim. O SVG é processado e exibido apenas no seu navegador, e é mostrado como imagem, então scripts incorporados não são executados.
Otimizar vai mudar a aparência do meu SVG?
Não. Só é removido conteúdo não visual, como comentários, metadados e espaços em branco; formas e cores continuam iguais.