Transforme um logotipo ou qualquer imagem quadrada em um conjunto completo de favicons: um favicon.ico com vários tamanhos, ícones PNG para navegadores e celulares, um web manifest e o HTML para colar no seu site. Tudo é gerado no seu navegador, então sua arte nunca é enviada.
Arraste e solte uma imagem aqui, ou clique para escolher um arquivo
Um PNG quadrado com transparência funciona melhor. Os arquivos ficam no seu dispositivo.
Cada tamanho de ícone é renderizado, o favicon.ico é montado e o ZIP é empacotado inteiramente pelo seu navegador. Sua imagem de origem nunca é enviada a um servidor.
Um favicon é o pequeno ícone exibido nas abas do navegador, nos favoritos e nas telas iniciais dos celulares. Fazer isso corretamente exige vários tamanhos e alguns formatos, o que é trabalhoso de criar na mão. Este gerador de favicon pega uma imagem e produz o conjunto completo para você: um clássico favicon.ico contendo as versões de 16, 32 e 48 pixels, PNGs separados para navegadores modernos e dispositivos Apple e Android, um web manifest e as exatas linhas de HTML para colocar no head da sua página.
Foi feito para desenvolvedores web, blogueiros e donos de lojas que querem um favicon nítido e correto em todos os navegadores e dispositivos, sem precisar batalhar com um editor de imagens.
O favicon.ico é um arquivo de ícone de verdade que contém as imagens de 16, 32 e 48 pixels em um só, para que os navegadores possam escolher a versão mais nítida para abas, favoritos e a barra de endereços.
O pacote inclui ícones PNG para navegadores modernos, um apple touch icon de 180 pixels para iPhones e ícones de 192 e 512 pixels para Android e progressive web apps.
Você também recebe um arquivo manifest e um pequeno bloco de HTML para copiar no head da sua página, então integrar o favicon ao seu site é só colar e enviar.
A maneira mais rápida de criar um favicon é soltar um PNG ou JPG quadrado do seu logotipo e deixar a ferramenta renderizar cada tamanho para você. O favicon.ico que ela cria contém as versões de 16 por 16, 32 por 32 e 48 por 48 em um único arquivo, que é exatamente o que os navegadores querem para abas, favoritos e a barra de endereços. O ícone de 16 por 16 é aquele pequenininho que você vê na aba do navegador, enquanto o de 32 por 32 é usado em telas mais nítidas e atalhos fixados. Se você administra um site WordPress, Shopify ou HTML puro, este é o favicon.ico para enviar para a raiz do seu site, com as tags link correspondentes coladas no head da página.
Para celulares e apps você também recebe um apple touch icon de 180 por 180, o tamanho que iPhone e iPad usam quando alguém adiciona seu site à tela inicial, além de PNGs de 192 por 192 e 512 por 512 para Android e progressive web apps, junto com um web manifest. Como a imagem é dimensionada para caber e centralizada, você pode transformar um logotipo largo, um ícone de app ou uma marca de uma única letra em um conjunto limpo de ícones. Um símbolo simples com fundo transparente fica melhor quando reduzido para 16 por 16.