Converter SVG para ICO Scalable Vector Graphics ↔ Icon Grátis Online Seguro
Um SVG não é uma imagem: são as instruções para desenhar uma. Aqui são seguidas uma vez, no tamanho que escolher, e o resultado é salvo como ICO. O desenho é gerado num recinto onde nada do arquivo pode correr, e nada é enviado.
Converta o seu arquivo
Solte um SVG aqui, ou escolha um.
O seu arquivo não sai deste dispositivo. Tudo roda no seu navegador.
Nada é enviado
O que distingue um vetor
Um SVG não é uma imagem; é um conjunto de instruções para desenhar uma — um círculo deste raio aqui, uma linha daqui até ali, esta forma preenchida com aquela cor. Tornou-se norma da web em 2001 e, como armazena o desenho e não o resultado, do mesmo arquivo que mostra um ícone de dezesseis pixels pode imprimir-se um painel publicitário. Um PNG ou um JPEG armazena o contrário: uma grelha acabada de pontos coloridos, sem memória nenhuma do que os desenhou. Essa assimetria decide tudo nesta página. Ir do vetor para o rasterizado é simplesmente desenhar as instruções ao tamanho escolhido; ir ao contrário é vetorizar — um programa olha para uma grelha de pontos e adivinha que formas a poderão ter produzido.
Onde os encontra
Logótipos, ícones, mapas, esquemas e gráficos vivem como SVG, porque têm de ser legíveis em qualquer tamanho e amiúde precisam de ser recoloridos. Os favicons e os ícones de aplicação saem deles. O sentido inverso serve para o instante em que um vetor tem de se tornar imagem plana: um programa de correio que não mostra SVG, uma pré-visualização numa rede social, um documento a imprimir por alguém com software mais antigo do que o seu, ou um formulário de envio que só aceita fotografias.
Perguntas frequentes
Vetorizei uma fotografia e o resultado está horrível. Porquê?
Porque a vetorização nunca foi pensada para fotografias. Funciona procurando regiões de cor semelhante e traçando um contorno à volta de cada uma, o que assenta bem em arte plana — um logotipo, um estêncil, um desenho a traço — e falha numa fotografia, onde cada região se funde gradualmente na seguinte. O programa tem de inventar uma fronteira onde não há nenhuma, e produz ou manchas de cartaz em planos, ou um arquivo com dezenas de milhares de formas minúsculas. Para fotografias, fique-se pelo rasterizado.
Por que o meu SVG aparece diferente em outro programa?
Quase sempre por causa das letras. Um SVG com texto chama uma letra pelo nome e conta que a máquina que o abre a tenha; se não tiver, é substituída por outra e a disposição desloca-se. O remédio é converter o texto em contornos antes de exportar: cada letra passa a ser uma forma e o arquivo fica igual em toda a parte — ao preço de o texto deixar de ser editável ou selecionável. Os efeitos avançados, como filtros e modos de mistura, são a outra fonte habitual de diferenças.
O arquivo perde qualidade?
Depende do que os dois formatos conseguem guardar. Converter entre formatos que armazenam a mesma coisa — um PNG para BMP, um WAV para FLAC — não perde nada. Converter para um formato que descarta informação para poupar espaço, como JPEG ou MP3, perde um pouco de cada vez, e voltar atrás não a traz de volta. Onde existe escolha, esta página tende a conservar a qualidade original em vez de fazer o arquivo menor.
O meu arquivo é enviado para algum lado?
Não. A conversão acontece dentro do seu navegador, na sua própria máquina; o arquivo nunca sai dela e aqui não existe servidor nenhum que o pudesse receber. É por isso que um arquivo grande é limitado pela sua memória e não por um envio, e que nada do que converter pode aparecer nos registros de quem quer que seja — incluindo os nossos. As ferramentas de áudio e de vídeo buscam, porém, o seu motor de conversão neste site da primeira vez que as usar — uns trinta megabytes, uma só vez; depois o trabalho continua a acontecer inteiramente na sua máquina.
Por que as pessoas convertem SVG em ICO
Um arquivo ICO é um ícone. É a pequena imagem que aparece na aba de um navegador ao lado do nome de uma página, numa lista de favoritos, num atalho e no canto da janela de um programa no Windows. Se você mantém um site, quer um que leve a sua marca. Se cria um programa, precisa de um para o executável. E se tem um logotipo, é muito provável que seja um desenho vetorial no formato SVG. É por isso que as pessoas convertem SVG em ICO: têm o desenho da marca e precisam do arquivo de ícone que os navegadores e os sistemas operacionais ainda pedem pelo nome.
Um SVG não é uma imagem. É um conjunto de instruções para desenhar uma: desenhe um círculo aqui, uma curva ali, preencha esta forma com aquela cor. Por serem instruções e não pixels, um SVG pode ser mostrado em qualquer tamanho sem ficar borrado. Um ícone, por outro lado, é um punhado de pequenas imagens reunidas num só arquivo, cada uma feita para um tamanho específico. Esta página segue as instruções do seu SVG uma vez para cada tamanho e empacota os resultados num único arquivo ICO.
Esta página converte SVG em ICO no seu navegador. O desenho é renderizado numa área isolada em que nada do arquivo pode ser executado, e nada é enviado. Abaixo você encontra como funciona, quais tamanhos o arquivo contém, por que os ícones pequenos são um problema especial e o que fazer a respeito.
Como funciona a conversão
Seis tamanhos num só arquivo
O ICO que sai contém seis tamanhos num só arquivo: 16, 32, 48, 64, 128 e 256 pixels. Cada um é redesenhado a partir do SVG em vez de reduzido a partir dos outros, então a versão de 16 pixels é o conjunto de instruções seguido a 16 pixels, e não uma cópia encolhida da grande. Todos mantêm a transparência. Um sistema operacional ou um navegador então escolhe o tamanho que combina com o lugar onde o ícone é mostrado.
Uma área isolada onde nada pode ser executado
Um arquivo SVG pode, em princípio, conter scripts e referências a outras coisas. Para que isso nunca seja um risco, o desenho é renderizado numa área isolada em que nada do arquivo pode ser executado. Só as formas são pintadas. Isso é seguro mesmo para arquivos que você baixou de algum lugar em que não confia totalmente.
Por que redesenhar é melhor que reduzir
Quando você reduz uma imagem grande a uma minúscula, os detalhes se misturam e as linhas viram cinza. Redesenhar a partir das instruções vetoriais no tamanho final dá o resultado mais nítido que cada tamanho pode ter, já que as linhas são colocadas diretamente na grade de pixels.
O que é mantido
Os seis tamanhos
Você recebe 16, 32, 48, 64, 128 e 256 pixels, o que cobre os lugares onde os ícones normalmente aparecem: abas do navegador, barra de tarefas, atalhos da área de trabalho, listas de arquivos e visualizações grandes.
A transparência
A transparência é mantida nos seis tamanhos. As áreas do SVG sem preenchimento continuam transparentes no ICO, então o ícone assume a cor de tudo o que estiver atrás dele.
A forma da marca
O desenho é mantido como está, com as suas cores e as suas formas. Se o SVG não for quadrado, ele é ajustado ao quadrado de cada ícone sem ser esticado.
O que você deve saber antes de converter SVG em ICO
Um ícone é outro desenho
Um ícone não é uma imagem pequena, é outro desenho. Qualquer coisa com linhas finas ou texto pequeno vira uma papa a 16 pixels, por mais cuidadosa que seja a renderização. Um logotipo que fica excelente num pôster pode ser ilegível como favicon. Se o resultado parecer turvo, a resposta é um SVG mais simples, e não uma conversão melhor.
Projete para o menor tamanho
Os melhores ícones são feitos pensando no menor tamanho: uma forma ousada, um número limitado de cores, nada de linhas finíssimas e nenhuma letra além de uma só. Se puder, prepare uma versão simplificada do seu logotipo como um SVG separado para esse fim, e depois converta SVG em ICO com ele.
Fontes e imagens de fora não são resolvidas
As fontes e imagens que o SVG busca em outro lugar não são resolvidas na área isolada. O texto composto numa fonte da web carregada de um servidor recorre a uma fonte do sistema, e uma imagem vinculada de fora do arquivo estará ausente. Para o melhor resultado, converta o texto em contornos e incorpore as imagens.
Como converter SVG em ICO aqui
Adicione o seu desenho
Solte o SVG na página ou escolha-o no seu dispositivo. Ele é lido dentro do seu navegador e não é enviado.
Converta
Pressione o botão. Os seis tamanhos são desenhados um após o outro, o que leva um instante. Deixe a página aberta até terminar.
Baixe e teste
Baixe o ICO e experimente-o onde ele será usado. Num site, ponha-o na pasta raiz com o nome favicon.ico, ou vincule-o no cabeçalho da página, e olhe a aba de um navegador. No Windows, você pode atribuí-lo a um atalho e ver como fica em vários tamanhos.
Um olhar mais atento sobre SVG e ICO
Vetor e pacote
Um SVG é um único desenho que pode ser renderizado em qualquer tamanho. Um ICO é um contêiner com várias imagens dentro, cada uma de tamanho fixo. O software que mostra um ícone escolhe a imagem mais próxima do tamanho de que precisa, o que evita a ampliação borrada. Converter SVG em ICO é renderizar o desenho nos tamanhos que o contêiner deve conter.
Onde os ícones são usados
Os navegadores usam os menores tamanhos para as abas e os maiores para os favoritos e a página de nova aba. O Windows os usa para a barra de tarefas, o menu Iniciar e o Explorer. Os dispositivos móveis têm os seus próprios conjuntos de tamanhos de imagem para as telas iniciais, que normalmente são arquivos PNG, e não ICO. Se você prepara um ícone de aplicativo para um telefone, SVG para PNG nos tamanhos que a plataforma exige é o melhor caminho.
Favicons hoje
Os navegadores modernos aceitam PNG e até SVG como favicons, mas o ICO continua sendo o formato que funciona em toda parte, incluindo navegadores antigos, alguns leitores de feeds e ferramentas que procuram favicon.ico automaticamente. Ter um é a escolha segura.
Situações comuns em detalhe
O favicon de um site
Converta SVG em ICO, salve o arquivo como favicon.ico na raiz do seu site e vincule-o. A aba de todo navegador levará a sua marca, o que torna a página reconhecível entre muitas abas abertas.
O ícone de um programa do Windows
Os programas no Windows levam um ícone no executável e nos atalhos. Os desenvolvedores precisam de um ICO de vários tamanhos para isso. Os seis tamanhos que você recebe cobrem as exigências habituais.
Atalhos e pastas
No Windows você pode dar a um atalho ou a uma pasta o seu próprio ícone. Um ICO feito do seu logotipo torna a sua área de trabalho ou as pastas dos seus projetos mais fáceis de reconhecer.
Sites de pequenas empresas e blogs
Um favicon é um pequeno detalhe que faz um site parecer acabado. Se o seu logotipo é um SVG, esta conversão produz o arquivo que os construtores de sites pedem que você envie.
Conselhos práticos antes de converter SVG em ICO
Simplifique o desenho
Remova as linhas finas, tire as letras ou mantenha uma só e use formas ousadas. Veja o SVG a 16 pixels no seu programa de desenho antes de converter, para ver como ficará o menor ícone.
Faça o desenho quadrado
Os ícones são quadrados. Se o seu logotipo é largo, coloque-o numa tela quadrada com alguma margem, para que não seja cortado nem fique minúsculo dentro do quadrado.
Confira o contraste
As abas do navegador podem ser claras ou escuras. Uma marca com forte contraste contra os dois fundos é mais fácil de ver. Um fino contorno branco numa marca escura, ou uma forma de cor sólida, geralmente funciona.
Guarde o SVG
O SVG é o original. Se você decidir mudar o ícone depois, vai precisar dele para converter SVG em ICO de novo.
Perguntas que as pessoas fazem antes de converter
Por que o meu ícone fica borrado a 16 pixels?
Porque 16 pixels são muito poucos. Linhas finas e texto pequeno não podem ser representados ali. Simplifique o desenho em vez de procurar uma conversão melhor.
Quais tamanhos o arquivo contém?
16, 32, 48, 64, 128 e 256 pixels, cada um redesenhado a partir do SVG, todos com transparência.
A transparência permanece?
Sim. Um fundo transparente no SVG é transparente nos seis tamanhos do ICO.
Posso usar o arquivo como favicon?
Sim. Dê-lhe o nome favicon.ico, coloque-o na raiz do seu site ou vincule-o no cabeçalho das suas páginas.
O meu arquivo é enviado?
Não. A conversão roda no seu navegador e o arquivo nunca sai do seu dispositivo.
Posso fazer um SVG a partir de um ícone?
Sim, até certo ponto. ICO para SVG traça um ícone em formas, embora o tamanho pequeno limite o que pode ser recuperado.
Escolhendo bem ao converter SVG em ICO
ICO ou PNG?
Para um favicon que funcione em toda parte, escolha ICO. Para ícones de aplicativos em telefones e para imagens em páginas da web, o PNG é o formato habitual. SVG para PNG dá isso a você.
Pense no conjunto todo
Se você prepara uma marca, pode precisar de um logotipo em PNG, um favicon em ICO e uma versão imprimível em PDF. SVG para PDF mantém o desenho como desenho para a impressão.
Teste numa aba real
Olhe o ícone numa aba de navegador de verdade, nos temas claro e escuro. É o lugar onde a maioria das pessoas o encontrará.
Obtendo um bom resultado depois da conversão
Limpe o cache do navegador
Os navegadores guardam os favicons por muito tempo. Se você trocar um ícone e ainda vir o antigo, limpe o cache ou abra o site numa janela privada.
Confira todos os tamanhos
Se você tem uma ferramenta que abre arquivos ICO, olhe cada tamanho. Uma marca que fica boa a 256 pixels pode ser ilegível a 16, e isso diz se você deve simplificar.
Dê o nome certo
Os navegadores procuram favicon.ico na raiz de um site por padrão. Mantenha esse nome a menos que você vincule o arquivo explicitamente.
Projetando uma marca que sobrevive ao menor tamanho
Comece pela grade de 16 pixels
O jeito mais confiável de obter um bom resultado ao converter SVG em ICO é projetar pensando no menor tamanho. Imagine uma grade de dezesseis por dezesseis quadrados e pergunte o que você pode pôr nela. Um círculo, uma letra, um glifo simples: sim. Uma assinatura, um brasão com um lema: não. Os tamanhos maiores ficarão bons seja o que for que você desenhe, então o pequeno é a restrição para a qual projetar.
Use formas fortes e poucas cores
Duas ou três cores com contraste claro se leem melhor que um gradiente de muitas. Formas sólidas que preenchem a maior parte do quadrado são mais fáceis de reconhecer que contornos finos, já que cada pixel carrega mais da marca.
Deixe um pouco de espaço para respirar
Uma marca que toca a borda do quadrado pode parecer apertada, e alguns sistemas acrescentam o seu próprio arredondamento ou borda. Uma margem de um ou dois pixels no menor tamanho mantém a forma intacta.
Olhe-o ao lado de outros ícones
Abra algumas abas de sites conhecidos e compare. Você verá que os ícones que funcionam melhor são muito simples. Pegue emprestada essa disciplina antes de converter SVG em ICO, e o seu resultado se destacará numa multidão de abas.
Privacidade e manuseio
Por que a conversão local importa para desenhos
Logotipos e marcas podem ser confidenciais antes de serem publicados. Muitos conversores online enviam o seu arquivo a um servidor, processam e devolvem o resultado, e por algum tempo uma cópia fica numa máquina que você não controla. Aqui o seu próprio navegador faz o trabalho, então o desenho fica no seu dispositivo.
O que acontece quando você sai
Quando você fecha a página, o arquivo convertido desaparece do navegador, então baixe-o primeiro. Nada sobre o seu desenho é guardado.
Se algo der errado
O ícone sai em branco
O SVG pode não ter tamanho ou viewBox. Abra-o num editor de texto e confira se tem largura e altura ou um viewBox, ou corrija-o no seu programa de desenho.
O ícone sai cortado
Alguns SVGs têm elementos que se estendem além da área declarada. Ajuste o viewBox no original para que tudo caiba dentro.
A página trava
Tudo roda no seu dispositivo. Tente de novo num computador, ou com um desenho mais simples.
Ferramentas relacionadas
A mesma família de ferramentas cobre os trabalhos vizinhos. Para imagens nos tamanhos que você escolher, use SVG para PNG ou SVG para JPG. Para um documento que continue nítido em qualquer zoom, SVG para PDF mantém o desenho como desenho. Para traçar imagens de volta em formas, ICO para SVG, PNG para SVG e JPG para SVG fazem o serviço.
Um exemplo prático
Digamos que você começou um pequeno blog, e o seu logotipo é um SVG: uma folha verde com o nome do blog embaixo. Você solta o SVG aqui e pressiona o botão. O ICO chega, e na aba do navegador a folha é reconhecível, mas o nome embaixo é ilegível. Você abre o seu programa de desenho, faz uma versão só com a folha, converte SVG em ICO de novo e envia o novo arquivo como favicon.ico. A aba agora mostra uma folha verde nítida, e o logotipo completo fica na página.
Uma lista de conferência curta
Antes de converter
Simplifique o desenho. Faça-o quadrado. Converta o texto em contornos e incorpore as imagens.
Durante a conversão
Fique na página até o arquivo estar pronto.
Depois de converter
Teste o ICO numa aba de navegador e num atalho, nos temas claro e escuro, e guarde o SVG.
Erros comuns
Usar o logotipo completo
As letras e os detalhes finos somem a 16 pixels. Use uma marca simplificada.
Esperar que uma conversão melhor conserte um desenho carregado
A falha está no tamanho, não na ferramenta. Simplifique o SVG.
Esquecer o cache
Um favicon antigo pode ficar no navegador. Limpe o cache antes de decidir que o novo falhou.
O seu desenho fica no seu dispositivo
A conversão acontece localmente. O seu desenho é lido pelo seu próprio navegador, pintado ali e devolvido como um ICO. Nada é enviado, então nenhuma cópia vai parar num servidor e ninguém mais pode vê-lo. Para marcas ainda não publicadas, é o jeito seguro de converter SVG em ICO.
Resumo
Para converter SVG em ICO aqui, solte o desenho e pressione o botão. Um SVG não é uma imagem, mas instruções para desenhar uma, e aqui essas instruções são seguidas uma vez para cada tamanho e os resultados são salvos como ICO. O desenho é renderizado numa área isolada em que nada do arquivo pode ser executado, e nada é enviado. O arquivo contém seis tamanhos: 16, 32, 48, 64, 128 e 256 pixels, cada um redesenhado a partir do SVG em vez de reduzido a partir dos outros, e todos com transparência. Um ícone não é uma imagem pequena, é outro desenho: qualquer coisa com linhas finas ou texto pequeno vira uma papa a 16 pixels, por mais cuidadosa que seja a renderização. Se o resultado parecer turvo, a resposta é um SVG mais simples, e não uma conversão melhor. As fontes e imagens buscadas em outro lugar não são resolvidas.