Como modificar um arquivo SVG: ferramentas, código e boas práticas no SVGView
Aprenda a editar arquivos SVG com ferramentas de design ou código XML, corrigir cores e viewBox e seguir um fluxo confiável no SVGView para produção.
Ler o blog SVGRedimensione arquivos SVG online gratuitamente. Altere largura e altura, mantenha a proporção e baixe seu SVG redimensionado na hora.
Boas-vindas ao Editor SVG
Solte um arquivo SVG, clique em "Enviar"/"Ícones" ou use Ctrl/Cmd+V para colar código SVG
Comece com um ícone de exemplo
Escolha um exemplo abaixo ou envie e edite seu próprio SVG.
Redimensione SVG online informando largura e altura exatas em pixels ou escalando em porcentagem. Assim você atende uma especificação de design, um token de grade ou o tamanho de um PNG exportado.
Com o bloqueio ativo, as proporções continuam intactas e ícones, logotipos e ilustrações nunca parecem esticados. Desative quando um tamanho de caixa fixo importar mais que a arte dentro dele.
O viewBox é mantido e atualizado quando necessário para que o SVG redimensionado escale corretamente em CSS e HTML. Isso evita cortes, espaços extras e deslocamentos de layout.
Cada alteração é aplicada na hora, com zoom e opções de fundo, para conferir margens e alinhamento antes de exportar. Um fundo contrastante destaca traços indesejados.
Baixe o SVG redimensionado ou exporte um PNG em um passo. Mantenha os dois formatos juntos quando precisar de uma versão raster para documentos, slides ou chats.
O redimensionador roda inteiramente no navegador, então os arquivos SVG nunca saem do dispositivo. O material do cliente segue confidencial e arquivos grandes não esperam upload.
Arraste um arquivo ou cole o código SVG. O redimensionador carrega a origem localmente e mantém o viewBox original. Se o SVG não tiver viewBox, adicione antes de redimensionar.
Informe a largura e a altura desejadas, ou mantenha o bloqueio de proporção ativo e escale proporcionalmente. A prévia mostra exatamente como o SVG ficará.
Baixe o SVG redimensionado ou exporte um PNG na hora. Mantenha uma nomenclatura consistente, como icon-name-24.svg, para achar cada variante facilmente.
Use SVG Resize com estas ferramentas para girar, otimizar e exportar arquivos de forma consistente.
Ajuste a orientação antes do SVG Resize para que as dimensões finais combinem com o layout. Isso mantém largura e altura previsíveis após a rotação.
Abrir ferramentaComprima o arquivo depois do SVG Resize para manter a saída leve. Arquivos menores carregam mais rápido em apps e ferramentas de design.
Abrir ferramentaVisualize o arquivo antes e depois do SVG Resize para verificar o alinhamento. Use fundos em grade para conferir o espaço nas bordas.
Abrir ferramentaExporte PNGs junto com o resultado do SVG Resize quando precisar de versões raster. Isso é útil para apresentações e documentação.
Abrir ferramentaVeja mais conteúdos práticos sobre fluxos SVG, resolução de problemas e produção.
Aprenda a editar arquivos SVG com ferramentas de design ou código XML, corrigir cores e viewBox e seguir um fluxo confiável no SVGView para produção.
Ler o blog SVGEntenda o que são arquivos SVG, quando usá-los e como abrir, criar, editar, otimizar e converter gráficos SVG com segurança.
Ler o blog SVGUm fluxo repetível com SVG para sistemas de design, mantendo ícones consistentes do Figma até a produção com validação, limpeza e exportação.
Ler o blog SVG