SVGView

Ferramenta SVG Resize

Ajuste dimensões sem quebrar o layout. Útil para encaixar ícones em grades ou combinar com especificações de design. Abra arquivos SVG online e comece a processar imediatamente.

Nenhum SVG carregado. Solte um arquivo para começar.

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.

Por que usar nossa ferramenta SVG Resize?

Controles por pixel ou porcentagem

SVG Resize suporta entradas exatas de largura e altura, além de escala percentual. Isso simplifica combinar com especificações de design ou escalar arquivos para diferentes breakpoints. Você pode alinhar tamanhos com tokens de design ou sistemas de grade para manter consistência. Entradas numéricas também facilitam combinar com tamanhos exportados em PNG.

Trava de proporção

A opção de trava preserva as proporções e evita distorção. Manter a proporção intacta garante que ícones e ilustrações continuem visualmente equilibrados. Isso é especialmente útil para logos que não podem ser esticados.

Saída consciente do viewBox

A ferramenta mantém ou corrige o viewBox para que o arquivo escale corretamente em CSS e HTML. Isso evita cortes inesperados ou espaços em branco em produção. Configurações corretas de viewBox também reduzem mudanças no layout ao trocar arquivos.

Prévia ao vivo

SVG Resize atualiza instantaneamente com zoom e opções de fundo. Visualizar o resultado ajuda a confirmar espaçamento, margens internas e alinhamento antes de exportar. Use um fundo contrastante para detectar traços soltos ou espaço extra. Uma grade pode ajudar a verificar o alinhamento óptico.

Exportação flexível

SVG Resize permite baixar o SVG redimensionado ou exportar um PNG em um passo. Isso é útil quando você precisa de uma alternativa raster para documentação ou apresentações. Mantenha as duas versões na mesma pasta para facilitar a entrega. Exportar ambos os formatos reduz idas e vindas durante as revisões.

Processamento local

SVG Resize roda inteiramente no navegador, então os arquivos nunca saem do seu dispositivo. Isso mantém arquivos de clientes privados e acelera a iteração. O processamento local também evita atrasos de upload em arquivos grandes. Funciona bem quando políticas de rede bloqueiam uploads.

Como redimensionar um SVG

1

Adicione seu SVG

Arraste e solte um arquivo ou cole o código SVG. SVG Resize carrega a origem localmente e preserva o viewBox original. Se o SVG não tiver viewBox, adicione um antes de redimensionar. Abra arquivos SVG online e comece a processar imediatamente.

2

Defina as dimensões

Digite a largura e altura desejadas ou escale proporcionalmente. SVG Resize mostra uma prévia ao vivo para você validar o visual. Confira a espessura dos traços para garantir que continuem equilibrados.

3

Exporte o resultado

Baixe o SVG redimensionado ou exporte PNG instantaneamente. SVG Resize mantém nomes de arquivo limpos para que tudo seja fácil de rastrear na entrega. Use um padrão consistente, como `nome-do-icone-24.svg`.

FAQ do SVG Resize

Posso redimensionar SVGs online para dimensões exatas?
Sim. SVG Resize aceita valores exatos em pixels para largura e altura, facilitando combinar com especificações de layout. Isso é útil quando os arquivos precisam caber em componentes com tamanho rígido.
Como manter a proporção ao redimensionar SVG?
Ative a trava de proporção no SVG Resize para preservar as proporções. Isso evita que ícones e logos sejam esticados. Também impede que círculos virem ovais.
A ferramenta de resize mantém o viewBox?
SVG Resize mantém o viewBox e o atualiza quando necessário para que a escala continue precisa no navegador. Valores corretos de viewBox melhoram a responsividade em CSS. Isso é importante quando SVGs são usados como imagens de fundo.
Posso exportar PNG depois de redimensionar?
Sim. SVG Resize inclui opção de exportação PNG para documentação, slides ou ferramentas que aceitam apenas raster. Exportações PNG são úteis quando uma plataforma não suporta SVG. Também ajudam em prévias rápidas para clientes.
Meu SVG é enviado?
Não. SVG Resize roda localmente no navegador, então seus arquivos nunca saem do dispositivo. Isso mantém arquivos de clientes confidenciais.
Qual é o limite de tamanho de arquivo?
SVG Resize suporta arquivos de até 10MB. Se um SVG for muito complexo, considere otimizá-lo antes. Paths mais simples também renderizam mais rápido.
Posso redimensionar para telas de alta densidade?
Sim. SVG Resize funciona bem para exportar tamanhos 2x ou 3x, que você pode reduzir em CSS para obter nitidez extra. Isso é útil para conjuntos de ícones em design systems. Na dúvida, exporte maior e reduza depois para evitar suavidade excessiva.
A ferramenta SVG Resize é grátis e não exige download?
Sim. A ferramenta SVG Resize é grátis para usar no navegador. Não requer downloads nem instalação.
Preciso de conta para usar SVG Resize?
Não. SVG Resize funciona instantaneamente no navegador sem cadastro, e os arquivos permanecem locais.

Ferramentas SVG relacionadas

Use SVG Resize com estas ferramentas para girar, otimizar e exportar arquivos de forma consistente.

SVG Rotate & Flip

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 ferramenta

SVG Optimizer

Comprima 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 ferramenta

SVG Viewer

Visualize o arquivo antes e depois do SVG Resize para verificar o alinhamento. Use fundos em grade para conferir o espaço nas bordas.

Abrir ferramenta

SVG para PNG

Exporte PNGs junto com o resultado do SVG Resize quando precisar de versões raster. Isso é útil para apresentações e documentação.

Abrir ferramenta