Otimizador de SVG (minificador seguro)

Minifique SVG com segurança, compare os pixels e veja a economia com e sem gzip.

What to do

3 suits icons; use 1 or 2 for large illustrations, 4 or more for tiny or heavily scaled drawings.

Turn off if page CSS or JavaScript outside this file targets IDs inside it.

Off by default: screen readers read the title.

Off by default: it rarely saves much and changes what CSS selectors like rect match.

Size

Paste SVG code or open a file.

O que faz

Cole o código SVG ou abra um arquivo .svg e receba um arquivo menor que desenha a mesma imagem. Saem comentários, dados de editores (Inkscape, Illustrator, Sketch), metadados, casas decimais demais, atributos com valor padrão e IDs sem referência; depois a ferramenta desenha as duas versões no seu navegador e compara pixel a pixel. Mostra o tamanho antes e depois, também com gzip.

Seguro por projeto

Atributos padrão só saem se nenhum elemento pai define a propriedade, não há bloco <style> e o elemento não está em <defs> nem em <symbol> (um <use> repassa o próprio preenchimento). IDs só saem quando nada os referencia (href, url(#…), seletores CSS, animações, ARIA); com <script>, todos ficam. Espaços dentro de <text> não são tocados e os números são arredondados sem acumular erro; o viewBox nunca é arredondado. Para converter SVG em PNG, use o conversor de SVG.

Precisão

Três casas decimais bastam para ícones em uma grade de 24 ou 48 unidades; ilustrações grandes podem usar uma ou duas, e desenhos com um viewBox minúsculo precisam de quatro ou mais. Se a checagem de pixels apontar diferenças, aumente as casas decimais.

Perguntas frequentes

Meu SVG é enviado?

Não. Ele é processado e desenhado no seu navegador; as prévias são imagens e não executam scripts.

Vai ficar igual?

A ferramenta confere desenhando as duas versões e comparando cada pixel.

Devo remover <title>?

Geralmente não: leitores de tela o leem. Fica desligado por padrão.