SVG para favicon

Transforme um logótipo SVG num conjunto completo de favicons — favicon.ico, apple-touch-icon e ícones de aplicação web — rasterizados com nitidez no seu navegador. Nada é enviado.

Privacidade em primeiro lugar: cada imagem é processada localmente no seu navegador. Nada é enviado, armazenado ou transmitido a nenhum servidor.

Vetor à entrada, todos os tamanhos rasterizados à saída

Um SVG é a origem ideal para um favicon: é independente da resolução, por isso cada tamanho de ícone pode ser rasterizado a partir da geometria original em vez de reamostrado a partir de um bitmap já pequeno. Largue o seu SVG e cada resultado — 16, 32, 48, 180, 192 e 512 pixels — é desenhado a partir do vetor no seu tamanho nativo, o que mantém as bordas nítidas em vez de esborratadas. É essa a diferença entre um ícone que parece intencional num separador e um que parece uma mancha.

Porque continua a querer o .ico

Os navegadores modernos usam sem problemas um favicon SVG diretamente, mas os mais antigos e muitas ferramentas — leitores de feeds, pré-visualizadores de ligações em chats, atalhos no ambiente de trabalho — continuam à procura do favicon.ico. Gerar ambos a partir do mesmo SVG cobre tudo. Adicione margem, escolha uma máscara quadrada, arredondada ou circular e um fundo, depois descarregue o conjunto completo com um excerto de HTML pronto a colar.

Perguntas frequentes

A minha imagem é enviada para criar o favicon?
Não. O favicon.ico, os ícones PNG e o manifesto são todos gerados localmente no seu navegador através da API Canvas. A sua imagem nunca sai do seu dispositivo.
Que tamanhos e ficheiros obtenho?
Um favicon.ico multirresolução (16, 32 e 48px), ícones PNG a 16, 32, 48, 180 (apple-touch-icon), 192 e 512px, um site.webmanifest e um fragmento HTML para colar no seu <head>.
Posso converter um PNG ou SVG em ICO?
Sim. Arraste um PNG, JPG, SVG ou WebP e transfira um verdadeiro favicon.ico. Os logótipos SVG são primeiro rasterizados localmente em alta resolução.
Que imagem funciona melhor?
Uma imagem quadrada com um logótipo simples e de alto contraste. As imagens não quadradas são recortadas ao centro para caberem; use os controlos de preenchimento e de forma para a enquadrar como quiser.
Como instalo o favicon?
Descompacte o pacote na pasta raiz do seu site e cole o fragmento HTML fornecido no <head> das suas páginas. O favicon.ico é detetado automaticamente pela maioria dos navegadores.