Gerador de favicon

Gere um conjunto completo de favicons a partir de uma única imagem — favicon.ico, apple-touch-icon, ícones Android/PWA e o excerto de HTML — inteiramente no seu navegador. Nada é enviado.

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

Todos os ícones de que um site moderno precisa, de uma só vez

Um favicon já não é um único ficheiro. Os navegadores leem um pequeno favicon.ico para os separadores e a barra de endereço, o iOS quer um apple-touch-icon de 180×180 para o ecrã principal, e o Android e as aplicações web instaláveis obtêm PNGs de 192 e 512px a partir de um manifesto web. Este gerador cria todos eles a partir de uma imagem de origem e dá-lhe um excerto de HTML pronto a colar, para que não tenha de exportar seis tamanhos à mão.

Enquadrado à sua maneira, mantido privado

Mantenha o ícone quadrado, arredonde os cantos, ou recorte-o num círculo; adicione margem para que um logótipo não fique encostado à borda; e escolha um fundo transparente ou sólido. Uma pré-visualização em tempo real mostra o resultado em tamanhos reais de favicon, incluindo um separador de navegador simulado. Como cada ficheiro é gerado no seu dispositivo, o seu logótipo — muitas vezes uma marca por revelar — nunca é enviado para um servidor.

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.