Gerador de Favicons

Transforme qualquer logótipo ou imagem num conjunto completo de favicons: um favicon.ico com vários tamanhos, um apple-touch-icon, ícones de aplicação Android/web e um fragmento HTML pronto a colar. Escolha uma forma quadrada, arredondada ou circular, adicione preenchimento ou uma cor de fundo, e transfira o pacote completo num ZIP. Tudo é gerado localmente no seu navegador — a sua imagem nunca é enviada.

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

O gerador de favicons do PixelVault transforma qualquer imagem num conjunto completo de ícones de site e de aplicação sem enviar nada. A maioria dos sites de «gerador de favicons» pede-lhe para enviar o seu logótipo para os seus servidores antes de receber um único ícone. Aqui, cada ficheiro — o favicon.ico multirresolução, os ícones PNG e o manifesto — é produzido diretamente dentro do seu navegador, por isso a arte da sua marca nunca sai do seu dispositivo.

Um site moderno precisa de mais do que um ícone. Os navegadores leem um pequeno favicon.ico para a barra de endereço e os separadores, o iOS quer um apple-touch-icon de 180×180 para o ecrã principal, e o Android e as PWA usam PNGs de 192 e 512px referenciados a partir de um manifesto web. O PixelVault cria todos eles de uma só vez a partir de uma única imagem de origem e entrega-lhe um fragmento HTML pronto a colar, para que ligá-los demore segundos.

Controla o aspeto do ícone. Mantenha-o num quadrado simples, arredonde os cantos ou recorte-o para um círculo; adicione preenchimento para que um logótipo de texto não fique colado à margem; e escolha um fundo transparente ou sólido. Uma pré-visualização em tempo real mostra o resultado nos tamanhos reais de favicon — incluindo um separador de navegador simulado — para que saiba exatamente o que os visitantes verão antes de transferir.

Como funciona

Quando adiciona uma imagem, o navegador descodifica-a para a memória e o PixelVault redesenha-a em telas quadradas em cada tamanho de ícone, aplicando a forma, o preenchimento e o fundo que escolheu. Cada tela é codificada em PNG com o codificador incorporado do navegador, e os PNGs de 16, 32 e 48px são agrupados num único favicon.ico (o contentor PNG-em-ICO amplamente suportado). Os logótipos SVG são primeiro rasterizados localmente em alta resolução, para que os ícones se mantenham nítidos.

Por que o processamento local importa

Gerar ícones localmente significa que o seu logótipo — muitas vezes uma marca ainda não lançada — nunca é transmitido, armazenado ou registado por um serviço externo. É também instantâneo: não há envio, nem fila de espera, nem ida e volta de transferência, e continua a funcionar offline assim que a página tiver carregado. O que transfere é exatamente o que o seu navegador produziu, sem nada acrescentado.

Formatos compatíveis

  • ICO — favicon.ico multirresolução (16/32/48px) para separadores e a barra de endereço.
  • PNG — Apple-touch-icon (180px) e ícones Android/PWA (192 e 512px).
  • SVG — Apenas de entrada — os logótipos vetoriais são rasterizados localmente para os ícones mais nítidos.
  • JPG / WebP — Aceites como imagens de origem juntamente com o PNG.

Casos de uso comuns

  • Criar um favicon.ico e ícones de aplicação para um novo site ou página de destino.
  • Converter um logótipo PNG ou SVG num verdadeiro ficheiro ICO multitamanho.
  • Gerar um apple-touch-icon e ícones de manifesto web para uma PWA.
  • Renovar o conjunto de favicons de uma marca sem entregar o logótipo a um serviço online.

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.