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
Problemas com marcas borradas? O EasyTools oferece um estampador universal que suporta dimensionamento SVG sem perdas e exportação WebP de alta qualidade. Preserve a transparência e exporte dados JSON localmente.
Converta uma foto em molde editável com paletas de referência, contagem de peças e exportação PNG, CSV e PDF 1:1. Processamento local no navegador.
Altere o tamanho das imagens por pixels exatos ou predefinições comuns no seu navegador. Bloqueie a proporção, visualize as dimensões de saída e baixe o resultado sem uploads para o servidor.
Converta WebP, JPG, PNG e outros formatos de imagem localmente no seu navegador. Arraste em lote, visualize, ajuste a qualidade e baixe sem uploads para o servidor nem limites artificiais de tamanho de arquivo.
Converta imagens PNG, JPG ou WebP em um favicon ICO de vários tamanhos. Conversão baseada em canvas e do lado do cliente, gratuita e pronta para baixar sem upload para o servidor.
Converta arquivos SVG em imagens PNG transparentes. Arraste arquivos em lote, escolha escalas de 1x/2x/4x/8x e renderize tudo localmente no seu navegador.
Converta fotos HEIC do iPhone para JPG instantaneamente no seu navegador. 100% privado, conversões em lote ilimitadas e sem limite de tamanho de arquivo. Todo o processamento é local.
Converta arquivos do Adobe Illustrator (.ai) para PDF, JPG ou PNG diretamente no seu navegador. Conversão 100% local, segura e privada, sem upload e sem limite de tamanho de arquivo.
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.