Gerador de Favicon

Um favicon é o pequeno ícone mostrado nas abas do navegador, nos favoritos e nas telas iniciais de celulares. É um detalhe minúsculo que faz um site parecer acabado e reconhecível, e os navegadores modernos esperam várias versões dele.

Esse é o problema: uma imagem não basta mais. Você precisa de um .ico de múltiplos tamanhos para navegadores clássicos, tamanhos PNG separados, um Apple touch icon para telas iniciais do iOS, PNGs maiores para o Android e um web manifest se o site deve ser instalável.

Este gerador constrói o conjunto inteiro a partir de uma única imagem, incluindo um .ico real de múltiplos tamanhos, e dá a você o trecho de HTML exato para colocar no head da sua página, então você não precisa montar nem escrever à mão nenhum deles.

Para o melhor resultado, envie uma imagem quadrada de pelo menos 512 px, idealmente um logotipo ou marca simples em vez de uma foto detalhada, já que o ícone costuma ser mostrado muito pequeno. Uma imagem não quadrada é centralizada e preenchida para formar um quadrado, então detalhes perto das bordas podem acabar nas margens.

Você pode opcionalmente definir uma cor de fundo e o nome do seu site. O nome do site vai para o web manifest usado quando alguém adiciona o site à tela inicial.

Tudo funciona localmente no seu navegador com a API Canvas, então sua imagem nunca é enviada. Você baixa um ZIP com todos os arquivos e o trecho para colar.