Pular para o conteúdo principal

Minificador de SVG

Minificar SVG: remova comentários, metadados e espaços em branco

Limpe a marcação SVG antes de entrar em um repositório ou construção de produção. Remova comentários, declarações XML, dados do editor, grupos vazios e definições não utilizadas com 15 passagens alternáveis ​​individualmente e uma comparação visual.

Solte os arquivos aqui

A editar predefinições para novos ficheiros

Predefinição

Tudo do Seguro, mais limpeza de atributos, remoção de elementos invisíveis, otimização de caminhos e coordenadas arredondadas.

Otimização

Quantas casas decimais as coordenadas mantêm. Menos é menor; abaixo de 2 pode deslocar visivelmente desenhos detalhados.

Pré-visualização

Sem pré-visualização. Adicione e selecione arquivos para ver os resultados.

Ainda não há arquivos. Solte arquivos acima ou clique em SELECIONAR ARQUIVOS.

O que a minificação de SVG remove

Minificar um SVG é trabalho de marcação, não processamento de imagem: nada é redesenhado, as coisas só são removidas ou encurtadas. Uma exportação típica de editor carrega uma declaração XML, um doctype, um comentário do gerador, namespaces do Inkscape ou do Figma, atributos id que nada referencia, grupos que só embrulham outros, entradas em defs que nenhum elemento usa e coordenadas escritas com seis casas decimais. Os navegadores ignoram tudo isso. Tirar essas coisas deixa o arquivo menor e, tão útil quanto, deixa o diff legível quando os SVGs são versionados num repositório e revisados como qualquer outro arquivo de código.

Como minificar um arquivo SVG

  1. 1

    Solte seus SVGs, ou clique em SELECIONAR ARQUIVOS, para adicioná-los à fila. Até 40 por vez.

  2. 2

    Escolha Seguro, Equilibrado ou Máximo, desative qualquer passo individual que não queira e veja a economia por arquivo se atualizar.

  3. 3

    Clique em SALVAR TUDO para baixar o resultado, ou um único ZIP quando a fila tiver mais de um arquivo.

Privacidade: seus arquivos não saem do navegador

A conversão é executada localmente em seu navegador usando JavaScript e WebAssembly. Não há upload de arquivos ou conversão no servidor, portanto, os arquivos adicionados permanecem no seu dispositivo.

O processamento local ajuda a proteger logotipos confidenciais, documentos internos e obras de arte não divulgadas de clientes. As páginas e o código de conversão são armazenados em cache à medida que você os utiliza, para que as ferramentas que você já abriu possam continuar funcionando sem uma conexão de rede.

Perguntas frequentes

Minificar é a mesma coisa que comprimir?

Na prática, sim: os mesmos passos fazem os dois trabalhos, e esta página e o Compressor de SVG rodam o mesmo motor. A diferença é a ênfase. Minificar é sobre a marcação que uma pessoa ou um editor deixou para trás, como comentários, metadados, namespaces e espaços em branco. Comprimir é sobre os bytes na rede, onde arredondar coordenadas e descartar atributos pesa mais do que um código-fonte arrumado.

Minificar vai quebrar o meu CSS ou o meu JavaScript?

Pode, se uma folha de estilo ou um script alcançar o interior do SVG. Nenhum passo renomeia identificadores, mas o Máximo remove elementos e atributos que nada dentro do documento referencia, que é exatamente o que uma regra externa pode estar mirando. Se o SVG é animado ou controlado por script de fora, use o Seguro, ou desative "Remover elementos invisíveis" e "Remover definições não usadas" e confira o resultado antes de publicar.

Dá para manter o viewBox e descartar a largura e a altura?

Dá. "Normalizar o viewBox" e "Remover largura e altura" são passos separados. Descartar as dimensões fixas mantendo o viewBox é o que você quer para um SVG que deve se ajustar ao contêiner no CSS. Mantê-las é o que você quer para um arquivo que vai ser aberto sozinho ou colocado num documento que não aplica estilo nenhum.