Otimizador E Minificador De SVG
Reduza o ruído no markup SVG com um otimizador conservador que funciona no navegador e mantém os valores viewBox.
Keep your original file until you have checked the downloaded result. Browser memory and format support vary by device.
This conservative optimizer removes comments, metadata blocks, and unnecessary whitespace while keeping viewBox values.
FAQ do Otimizador E Minificador De SVG
Ele altera o viewBox?
Não. O fluxo de trabalho atual mantém os valores viewBox existentes enquanto limpa o markup selecionado.
Ele otimiza caminhos?
Não. Ele realiza uma limpeza conservadora, em vez de simplificação agressiva de caminhos ou reescrita de coordenadas.
Posso incorporar com segurança toda a saída inline?
Não. Revise scripts, manipuladores de eventos, referências externas, CSS, links e recursos embutidos conforme sua própria política de segurança antes.
Devo remover os elementos de título e descrição?
Somente quando você entender o impacto na acessibilidade e na documentação. Esses elementos podem fornecer nomes e descrições úteis para tecnologias assistivas.
A saída será sempre menor?
Normalmente, a remoção do markup reduz o ruído, mas a serialização, a estrutura da fonte e o conteúdo embutido determinam o tamanho real do arquivo. Verifique o arquivo baixado.
Otimizador e Minificador de SVG
Limpe o markup SVG antes de incorporá-lo em um site, página de documentação ou bundle front-end. Este otimizador conservador, que funciona no navegador, remove comentários, pode remover blocos de metadados, título e descrição, e pode colapsar espaços em branco entre tags. Ele mantém o viewBox existente e evita reescrita agressiva de caminhos, de modo que o resultado seja mais fácil de revisar.
Este guia explica o fluxo de trabalho completo no navegador, o que o resultado contém e o que verificar antes de compartilhá-lo. A ferramenta é intencionalmente focada em uma única tarefa clara de arquivo. Ela não adiciona silenciosamente funcionalidades não relacionadas de edição, conversão, upload ou armazenamento em nuvem. Esse escopo reduzido torna a entrada e a saída mais fáceis de entender e oferece uma forma prática de verificar o arquivo baixado.
Como usar
Comece com uma cópia do arquivo que deseja processar. A página pode precisar carregar uma biblioteca do navegador antes que a ação fique disponível, especialmente para tarefas com PDF ou vídeo. Siga estes passos:
- Selecione um arquivo SVG de sua propriedade ou para o qual você tem autorização de edição.
- Escolha se os blocos de metadados, título e descrição devem ser removidos.
- Escolha se os espaços em branco entre tags devem ser colapsados.
- Clique em Otimizar SVG e revise o texto SVG serializado no painel de saída.
- Baixe o resultado, teste-o no navegador de destino e inspecione o código-fonte antes de incorporá-lo inline.
Use primeiro um arquivo pequeno e representativo quando o documento for importante ou excepcionalmente complexo. Aguarde a mensagem de status indicando que o processamento foi concluído antes de fechar a aba. Se o navegador relatar um erro de decodificação, memória ou compatibilidade, tente um arquivo menor ou um formato de origem mais comum. O original não é substituído pelo download; mantenha-o disponível até que o resultado tenha sido verificado.
Casos de uso adequados
Esta ferramenta é útil para tarefas focadas e repetíveis de preparação de arquivos, como:
- Remover comentários e blocos descritivos não essenciais de um ativo de produção.
- Criar uma string SVG menor e mais limpa para um bundle front-end ou exemplo de documentação.
- Preparar ícones aprovados para uma biblioteca de componentes ou site estático.
- Revisar o markup SVG antes de decidir se ele deve ser incorporado inline ou usado como recurso de imagem.
Ela não substitui um editor de desktop completo quando você precisa de uma linha do tempo multi pista, tipografia avançada, formulários PDF complexos, gerenciamento profissional de cores, garantias forenses de metadados ou garantia de viagem de ida e volta precisa para cada recurso de arquivo proprietário. Use a tarefa específica que corresponda ao seu objetivo e compare o arquivo baixado com a fonte original antes de confiar nele.
Formato de saída
A saída é um arquivo de texto SVG serializado pelo analisador DOM do navegador e pelo serializador XML. Os comentários são removidos, elementos de metadados selecionados podem ser removidos e o espaço em branco repetido pode ser reduzido. Os valores viewBox existentes são mantidos. Este não é um otimizador SVG completo: ele não promete simplificação de caminhos, redução de precisão de coordenadas, incorporação de CSS, autoria de acessibilidade, incorporação de imagens, preservação de animações ou equivalência byte a byte. Compare renderização, dimensões, estilos, filtros, links e rótulos de acessibilidade no ambiente de destino.
O download é um novo arquivo ou pacote; ele não modifica o arquivo selecionado no painel de entrada. Os nomes de arquivo são gerados a partir do nome da fonte quando prático, com um sufixo específico da tarefa, para que o original e o resultado sejam facilmente distinguíveis. Um resultado ZIP pode conter mais de um ativo gerado e deve ser aberto para confirmar se os arquivos esperados estão presentes. Para resultados em texto, revise as quebras de linha, codificação, indentação e qualquer sintaxe específica da plataforma após o download. Para resultados visuais ou de documento, verifique dimensões, ordem das páginas, reprodução, fontes, links, transparência e outros recursos relevantes para o seu destino.
Privacidade
O texto SVG é analisado e serializado no navegador, sem uma API de otimização remota. O processamento local não torna automaticamente a saída segura para incorporação. Trate scripts, manipuladores de eventos, referências externas, imagens embutidas, CSS e links como não confiáveis até que você os revise conforme sua própria política de segurança de conteúdo. Use um dispositivo confiável para obra artística proprietária e mantenha a fonte original sob controle de versão para que a otimização possa ser desfeita.
O processamento no navegador não equivale a uma garantia de que todos os sites circundantes, extensões de navegador, sistemas operacionais ou computadores compartilhados sejam privados. Use um dispositivo confiável, feche a aba após trabalhos sensíveis e evite computadores públicos para materiais confidenciais. Não selecione arquivos que você não possui ou não tem permissão para editar. Se sua organização exigir um contrato de processamento de dados documentado, política de retenção ou trilha de auditoria, use um fluxo de trabalho interno aprovado em vez de confiar apenas em uma ferramenta pública de navegador.
Notas de qualidade e compatibilidade
A serialização XML pode alterar a formatação e a apresentação de namespaces mesmo quando o resultado visual parecer semelhante. Remover elementos de título ou descrição pode afetar a acessibilidade, enquanto o colapso de espaços em branco pode ser inseguro para alguns construtos SVG sensíveis a texto. O otimizador é intencionalmente conservador e não deve ser descrito como um sanitizador de segurança ou um motor garantido de minimização de tamanho. Teste ícones, filtros, máscaras, animações, fontes e referências externas após a otimização.
Um download bem-sucedido apenas significa que o navegador criou um resultado; não é garantia de que todos os aplicativos de destino aceitarão ou exibirão o arquivo exatamente como esperado. Abra o resultado no aplicativo, site ou dispositivo em que ele será usado. Quando a precisão for importante, compare a fonte e a saída lado a lado e mantenha a fonte como mestre recuperável.