Gerador de Favicons

Um favicon é o pequeno ícone mostrado nos separadores do navegador, nos marcadores e nos ecrãs iniciais dos telemóveis. É um pequeno detalhe que faz um site parecer acabado e reconhecível, e os navegadores modernos esperam várias versões dele.

É esse o senão: uma imagem já não chega. Precisa de um .ico multitamanho para navegadores clássicos, tamanhos PNG separados, um ícone Apple touch para ecrãs iniciais de iOS, PNG maiores para Android, e um manifesto web se o site deve ser instalável.

Este gerador constrói o conjunto inteiro a partir de uma única imagem, incluindo um verdadeiro .ico multitamanho, e dá-lhe o fragmento HTML exato para largar no head da sua página, por isso não tem de montar ou escrever nada disso à mão.

Para o melhor resultado, carregue uma imagem quadrada de pelo menos 512 px, idealmente um logótipo ou marca simples em vez de uma foto detalhada, já que o ícone é muitas vezes mostrado muito pequeno. Uma imagem não quadrada é centrada e preenchida até formar um quadrado, por isso o detalhe perto das bordas pode acabar nas margens.

Pode opcionalmente definir uma cor de fundo e o nome do seu site. O nome do site vai para o manifesto web usado quando alguém adiciona o site ao ecrã inicial.

Tudo corre localmente no seu navegador com a Canvas API, por isso a sua imagem nunca é carregada. Descarregas um ZIP com todos os ficheiros e o fragmento para colar.