Conversor online gratuito de SVG para ICON

O que é o formato SVG

SVG (Scalable Vector Graphics) é um formato vetorial baseado em XML usado para logotipos, diagramas, elementos gráficos de interface, ilustrações e imagens para a web. Ele armazena formas, caminhos, preenchimentos, traços, texto, gradientes e outras instruções matematicamente, permitindo que a arte seja redimensionada sem a pixelização de uma imagem raster de tamanho fixo.

Adobe Illustrator, Inkscape, Affinity Designer, CorelDRAW, Figma e ferramentas de desenvolvimento web criam ou exportam arquivos .svg. Designers, desenvolvedores, especialistas em impressão e equipes de UI usam SVG para arte editável, gráficos web responsivos e bibliotecas de ícones.

O que é o formato ICON

Em softwares gráficos, ICON costuma ser um rótulo geral para uma imagem de ícone. A implementação mais amplamente compatível é o Windows ICO, que normalmente usa a extensão .ico. ICO é um contêiner raster que pode armazenar várias imagens em tamanhos diferentes, geralmente 16×16, 24×24, 32×32, 48×48, 64×64, 128×128 e 256×256 pixels.

Um arquivo ICO com várias imagens permite que o Windows ou outro programa compatível selecione uma resolução apropriada para um ícone de aplicativo, ícone de pasta, inicializador ou favicon. Portanto, ele é mais adequado do que um bitmap único quando um arquivo precisa atender a vários tamanhos de exibição. No entanto, uma solicitação de .icon pode se referir a um formato proprietário, portanto a especificação do programa que receberá o arquivo tem prioridade sobre o rótulo genérico ICON.

Como converter SVG para ICON

Para uma conversão sem instalação, envie o SVG para o conversor em 101convert.com, selecione ICON ou ICO como formato de saída, inicie a conversão e baixe o resultado. Verifique a extensão e as dimensões geradas de acordo com os requisitos do programa que usará o arquivo.

Para uma conversão local, o ImageMagick pode renderizar o SVG e criar um ICO com várias resoluções:

magick -background none input.svg -resize 256x256 -gravity center -extent 256x256 -define icon:auto-resize=16,24,32,48,64,128,256 output.ico

input.svg é a origem e output.ico é o resultado. As operações de redimensionamento e extensão criam uma tela quadrada transparente, preservando a proporção da arte. O ImageMagick precisa de um delegado de renderização SVG, como librsvg ou Inkscape; um erro informando que o codificador SVG está desativado significa que esse suporte precisa ser instalado ou ativado.

Se o ImageMagick não conseguir ler SVG diretamente, renderize primeiro um PNG de 256 pixels com o Inkscape e depois crie o ICO:

inkscape input.svg --export-background-opacity=0 --export-width=256 --export-filename=icon-256.png
magick -background none icon-256.png -resize 256x256 -gravity center -extent 256x256 -define icon:auto-resize=16,24,32,48,64,128,256 output.ico

Na interface do Inkscape, use File → Export, selecione a página ou o desenho, defina a largura da exportação, ative um plano de fundo transparente e exporte como PNG. O PNG poderá então ser aberto no ImageMagick ou em outro utilitário de ícones para desktop e salvo como ICO.

Limites de qualidade e compatibilidade

A conversão remove a independência de resolução do SVG e os caminhos vetoriais editáveis. Inclua todos os tamanhos exigidos pelo destino em vez de depender de uma única imagem 16×16 ou 32×32 para redimensionar com qualidade. Os ícones padrão do Windows geralmente incluem imagens de 16×16, 32×32, 48×48 e 256×256.

Ícones pequenos geralmente precisam de formas simplificadas, traços mais espessos, menos detalhes e contraste mais forte. Verifique o viewBox, a proporção e o espaço em branco do SVG; o preenchimento excessivo pode fazer com que o ícone final pareça pequeno demais.

A transparência normalmente é preservada quando o SVG não contém um retângulo de plano de fundo e o renderizador preserva o alpha. Fontes, filtros, máscaras, imagens externas, CSS, animações, scripts e recursos SVG não compatíveis podem ser renderizados de maneira diferente. Converta o texto em caminhos e incorpore as imagens ou estilos necessários quando uma saída consistente for importante.

Os arquivos ICO podem conter dados de bitmap tradicionais ou imagens codificadas em PNG, e alguns aplicativos mais antigos aceitam apenas determinadas profundidades de cor ou dimensões. Teste o arquivo gerado no programa de destino em vez de presumir que todo leitor de ICO oferece suporte a todas as variantes válidas de ICO.