Esta ferramenta carrega o motor oficial do SVGO para navegador apenas depois de clicar em Otimizar. Utiliza a configuração padrão de plugins, remove scripts e processadores de eventos para uma utilização mais segura na web e permite conservar os ID quando CSS, JavaScript, gradientes, máscaras ou referências externas dependem deles.
Otimizar SVG gratuitamente
Funciona inteiramente no navegador - sem carregar nada, sem registo.
Os scripts e processadores de eventos são removidos
SVG original
SVG otimizado
Ctrl ou Command + Enter
Cole a marcação SVG ou escolha um ficheiro para começar
Como funciona um otimizador de SVG?
Um otimizador de SVG reduz o tamanho dos ficheiros vetoriais ao remover metadados do editor, comentários, atributos redundantes e casas decimais desnecessárias. Cole o código ou escolha um ficheiro para executar o SVGO no navegador, compare as versões original e otimizada e transfira o SVG mais pequeno sem enviar a sua imagem para um servidor.
Como utilizar
- 1Adicione o SVG. Cole a marcação SVG completa, arraste um ficheiro .svg local para a área de carregamento ou abra o exemplo incluído.
- 2Escolha definições seguras. Defina a precisão numérica, mantenha o modo multipass ativo para reduzir mais e conserve os ID se outro código fizer referência aos mesmos.
- 3Otimize e compare. Execute o SVGO e compare os bytes e as pré-visualizações das versões original e otimizada.
- 4Copie ou transfira. Copie a marcação compacta ou transfira um novo ficheiro .optimized.svg sem alterar a imagem original.
Para quem é
- Programadores frontend que reduzem ícones, logótipos e ilustrações antes de os adicionar a um site ou a uma biblioteca de componentes.
- Designers que removem metadados e marcação específica do editor de exportações do Figma, Illustrator, Sketch ou Inkscape.
- Equipas de desempenho que medem a poupança exata de bytes UTF-8 antes de publicar recursos vetoriais num bundle web.
- Autores de componentes que preparam marcação SVG inline compacta para React, Vue, Svelte ou HTML simples.
Perguntas frequentes
Este otimizador de SVG é gratuito?
Sim. Pode otimizar ficheiros SVG sem conta, pagamento ou instalação. A ferramenta mostra a alteração exata em bytes UTF-8 e permite copiar ou transferir o resultado diretamente no navegador.
O meu SVG é enviado para um servidor?
Não. A leitura do ficheiro, o processamento com SVGO, a medição de bytes e as pré-visualizações acontecem localmente no navegador. A ferramenta não envia logótipos, ícones nem imagens que ainda não tenham sido publicadas.
Qual é o tamanho máximo do ficheiro SVG?
A ferramenta aceita código SVG até 5 MB. Este limite mantém o processamento rápido em telemóveis e computadores portáteis comuns. Para ilustrações exportadas muito grandes, remova primeiro as imagens raster incorporadas ou divida a imagem em ficheiros mais pequenos.
A otimização pode alterar o aspeto do SVG?
O SVGO procura preservar a apresentação enquanto remove dados redundantes, mas um arredondamento numérico agressivo ou a limpeza de ID pode afetar ficheiros complexos. Compare as duas pré-visualizações e teste o SVG otimizado no contexto real antes de substituir um recurso em produção.
O que altera a precisão decimal?
A precisão decimal define quantas casas o SVGO conserva em coordenadas, transformações e outros valores numéricos. Valores mais baixos costumam poupar mais bytes, mas podem deslocar detalhes em imagens muito precisas ou grandes. Três casas são uma boa predefinição para a maioria dos ícones e ilustrações web.
Devo conservar os ID do SVG?
Conserve os ID quando CSS, JavaScript, atributos aria, gradientes, máscaras, filtros ou documentos externos fizerem referência aos mesmos. Em ficheiros decorativos e autónomos, pode desativar a opção para o SVGO remover ou encurtar identificadores não utilizados.
O otimizador remove scripts dos ficheiros SVG?
Sim. O processamento remove elementos script, atributos de processadores de eventos e ligações JavaScript. Isto torna os ficheiros exportados mais seguros para utilização como imagens web comuns, mas a ferramenta não é adequada para aplicações SVG que dependam de scripts.
Para que serve a otimização multipass?
O modo multipass permite que o SVGO processe novamente o resultado enquanto cada passagem o conseguir reduzir. Algumas transformações criam novas oportunidades de limpeza para a passagem seguinte. O ganho adicional costuma ser pequeno, pois a primeira passagem produz a maior parte da poupança.