AllinHub

Normalizar ícones SVG

Uma grade comum para ícones com margens diferentes, sem transformar vetores em pixels.

Os arquivos ficam no seu dispositivo. Nada é enviado.

Até 20 SVG · 1 MB cada · 10 MB no total

Unidades da grade de saída

Somente ícones vetoriais estáticos. Texto, imagens, efeitos, animações e recursos externos não são suportados.

Comparar os ícones

Escolha SVG ou teste o exemplo para comparar as margens.

Dois ícones podem ter um viewBox de 24 × 24 e ainda parecer diferentes na mesma barra de navegação. O desenho de um ocupa quase toda a área; o outro fica pequeno entre margens vazias. Este normalizador mede a parte visível, encaixa o desenho em uma grade quadrada e acrescenta a margem escolhida. Use para preparar exportações de fontes diferentes para um site, uma apresentação ou uma interface. Confira cada comparação antes de baixar. Os contornos continuam vetoriais e os arquivos são processados no navegador.

Como usar

  1. Escolha até vinte SVG estáticos, com no máximo 1 MB por arquivo e 10 MB no total, ou teste os três exemplos.
  2. Selecione uma grade de 16, 24, 32, 48 ou 64 unidades e uma margem entre zero e um terço do tamanho.
  3. Remova margens vazias para encaixar o desenho visível ou desative a opção para preservar o enquadramento original. Inicie a normalização.
  4. Confira cada arquivo concluído. Baixe um SVG, copie o código ou salve todos os resultados bem-sucedidos em ZIP.

O que ela cobre

  • Escala proporcional e centralização sem deformar o desenho nem transformar seus contornos em pixels.
  • Medição de preenchimentos e traços com uma amostra de até 1024 pixels e um pixel de segurança.
  • Suporta contornos, formas simples, grupos, gradientes, recortes e máscaras; informa os recursos incompatíveis.
  • Fundos claro e escuro para conferir ícones pretos, formas brancas e regiões transparentes.
  • Processamento sequencial, erros separados por arquivo e nomes diferentes para duplicatas no ZIP.

Perguntas frequentes

O SVG baixado continua sendo vetorial?

Sim. A amostra de pixels serve apenas para estimar os limites visíveis do desenho, incluindo os traços. O arquivo baixado conserva os elementos vetoriais originais dentro de uma área SVG transformada. Não há PNG incorporado no lugar dos contornos, nem redesenho ou simplificação dos pontos.

Todos os ícones terão o mesmo peso visual?

A ferramenta alinha limites geométricos, não a percepção do tamanho. Um círculo fino e um quadrado preenchido podem parecer diferentes mesmo com dimensões externas iguais. Confira o conjunto no tamanho real de uso e faça ajustes ópticos em um editor vetorial se necessário.

Por que meu SVG não foi aceito?

Esta versão trabalha com gráficos vetoriais estáticos e independentes. Scripts, animações, recursos externos, imagens incorporadas, texto, referências use, filtros e classes CSS são rejeitados. Converta o texto em contornos e exporte um SVG simples. Desenhos muito complexos e arquivos totalmente transparentes também recebem mensagens específicas.

Os arquivos são enviados e o ZIP reduz o tamanho?

Os arquivos e resultados ficam na memória do navegador, sem envio para processamento ou armazenamento no endereço da página. O ZIP reúne os downloads sem comprimir as entradas. A normalização acrescenta uma estrutura SVG e pode aumentar um pouco o tamanho de cada arquivo.

Atualizado em

Todas as ferramentas