Como usar
- Clique em "Carregar SVG de Amostra" para inspecionar uma exportação de design complexa ou solte seu próprio arquivo
.svgna ferramenta. - Você também pode colar o código
<svg>bruto copiado do Figma, Illustrator, Sketch ou de uma base de código. - Escolha "Padrão" para uma otimização padrão mais segura. Mude para "Agressivo" quando quiser reduzir ainda mais o tamanho do arquivo.
- Revise o "Tamanho original", "Tamanho otimizado" e a "Economia", depois verifique a pré-visualização para ver si há alterações visuais óbvias.
- Clique em "Copiar código SVG" para HTML, React ou componentes de ícone, ou clique em "Baixar SVG" para salvar o arquivo otimizado.
Exemplo: cole um ícone de marca exportado de uma ferramenta de design, confirme a porcentagem economizada e a visualização, depois copie o SVG em linha minimizado para uma barra de navegação ou botão de site.
Recursos principais
- Compressão SVG com SVGO: Execute o SVGO baseado no navegador para remover metadados, grupos vazios e atributos compactáveis do código vetorial.
- Limpeza de Exportações do Figma e Illustrator: Converta o código SVG detalhado das ferramentas de design em um código de ícone mais limpo e fácil de implementar.
- Comparação de Tamanho Instantânea: Verifique o tamanho original, o tamanho otimizado e a porcentagem economizada antes de substituir o arquivo.
- Copiar Código ou Baixar: Copie o código
<svg>otimizado para HTML ou componentes, ou baixe um novo arquivo.svg. - Processamento Local para Arquivos Privados: A leitura de arquivos, a otimização de SVGO, a visualização, a cópia e o download ocorrem inteiramente no seu navegador.
Ferramentas relacionadas
A Calculadora FIRE 2026 definitiva com ajuste pela inflação. Evite números ilusórios simulando o crescimento dos juros compostos com poder de compra real. Analise as lacunas de poupança e exporte para CSV para seus painéis no Excel ou Notion. 100% privada, com cálculos locais.
Calcule o tamanho da posição de trade a partir do saldo da conta, risco %, preço de entrada e stop loss. Roda localmente no navegador, sem uploads, para comparar cenários de risco antes de operar.
Calcule os juros compostos a partir do capital inicial, aportes periódicos, rendimento anual e prazo. Visualize capital, juros e saldo final com um gráfico interativo local.
Use esta Calculadora de Empréstimo / Financiamento para estimar a parcela mensal, os juros totais e a tabela de amortização localmente. Informe o valor, a taxa e o prazo para calcular agora com gráficos instantâneos.
Use esta Calculadora de Investimento / ROI para estimar capital inicial, aportes mensais, rendimento anual e resultados ajustados pela inflação localmente. Calcule os retornos projetados com gráfico de juros compostos, ROI e tabela anual na hora.
Use esta Calculadora de APR para APY para converter entre APR e APY localmente. Informe uma taxa, escolha a frequência de capitalização e veja a taxa efetiva anual, a diferença e a tabela comparativa na hora.
Use esta Calculadora de Margem de Lucro para calcular lucro bruto, Markup, Margem e preço de venda localmente. Informe custo e preço, ou custo e margem-alvo, e calcule suas margens na hora.
Use esta Calculadora de CPM e CPC para estimar gasto com anúncios, impressões, cliques, CPM, CPC e CTR localmente. Informe orçamento e custos-alvo para planejar cenários de campanha na hora.
Lógica de cálculo
A otimização de SVG não rasteriza a imagem. Ela apenas limpa o código vetorial baseado em XML. Esta ferramenta executa o SVGO diretamente no navegador para remover metadados do editor, mesclar grupos desnecessários, descartar atributos vazios, comprimir caminhos e arredondar coordenadas.
O modo "Padrão" é a opção padrão mais segura para a maioria dos ícones e ilustrações. O modo "Agressivo" ativa otimizações de várias passagens e precisão numérica mais curta, o que pode reduzir ainda mais o tamanho, mas pode alterar levemente caminhos extremamente complexos. O resultado continua sendo um SVG vetorial editável que você pode copiar ou baixar.
Perguntas frequentes
Como reduzo o tamanho do arquivo SVG?
Remova os metadados das ferramentas de design, os grupos vazios, os atributos redundantes e os dados de caminho compactáveis. Esta ferramenta executa essas otimizações do SVGO no seu navegador e mostra a porcentagem de espaço economizada.
Como posso limpar o código SVG exportado do Figma?
Solte o arquivo .svg exportado na ferramenta ou cole o código <svg> bruto. Comece com o modo "Padrão", verifique a visualização e depois copie ou baixe o resultado otimizado.
Comprimir um SVG reduz a qualidade?
Geralmente não. O SVG é um código vetorial e o SVGO remove principalmente metadados invisíveis e estruturas redundantes. Caminhos muito complexos podem mudar ligeiramente no modo "Agressivo", por isso verifique a pré-visualização antes de substituir os arquivos de produção.
Esta ferramenta faz o upload dos meus ícones ou ilustrações?
Não. A leitura de arquivos, a otimização de SVGO, a visualização, a cópia e o download ocorrem localmente no seu navegador.
Posso usar o SVG otimizado diretamente no HTML?
Sim. O botão "Copiar código SVG" copia todo o código <svg> para HTML, componentes React ou sistemas de ícones.
Ele pode converter PNG ou JPG em SVG?
Não. Esta ferramenta apenas otimiza o código vetorial SVG existente; ela não vetoriza imagens rasterizadas.