Crie favicon.ico e ícones da Apple e do Android a partir de uma imagem ou de duas letras
Processado no seu navegador. Nada é enviado.Um favicon é o quadradinho ao lado de uma aba, e os navegadores pedem ele em vários tamanhos. A partir de uma imagem, ou de duas letras, esta ferramenta cria o favicon.ico, os ícones da Apple e do Android e o HTML para colar. Um arquivo de até 20 MB, gerado localmente.
Esta página foi traduzida automaticamente do original em inglês. Nenhuma pessoa revisou ainda a tradução; a versão em inglês é a que deve ser considerada. Ler o original em inglês
Em Criar a partir de, deixe Letras e digite uma ou duas letras, ou escolha Uma imagem e adicione seu logo.
Ajuste o Fundo e a Cor das letras, e mova Cantos arredondados entre Quadrado e Círculo.
Confira as prévias do ícone em tamanho real e preencha os Dados do site para o manifesto se quiser um nome e uma cor de tema.
Clique em Baixar todos os ícones (zip) e depois copie as tags de Colar dentro de <head> na sua página.
O gerador de favicon cria todos os ícones de que um site precisa a partir de uma imagem ou de uma ou duas letras. Você recebe o favicon.ico com imagens de 16, 32 e 48 pixels dentro, ícones PNG de 16, 32, 48, 180, 192 e 512 pixels, um arquivo site.webmanifest e as tags HTML para colar na sua página, tudo em um zip.
Comece pelo seu logo, se tiver um: escolha a parte quadrada a usar, e a prévia mostra como fica no tamanho da aba, onde detalhes finos somem. Se ainda não tem logo, digite suas iniciais, escolha uma cor de fundo, uma cor de letra e o arredondamento dos cantos, e terá um ícone de texto limpo em segundos. Sites de pequenas empresas, portfólios, painéis internos e projetos pessoais parecem mais acabados com um ícone próprio na aba do navegador e na tela inicial do celular.
O arquivo favicon.ico é gravado pela própria ferramenta com imagens PNG dentro, um formato aceito por todos os navegadores atuais e pelo Windows desde o Vista. O ícone de 180 pixels é o ícone de toque da Apple para iPhone e iPad; os de 192 e 512 pixels ficam no manifesto para Android e sites instaláveis.
Nada é enviado. Sua imagem é desenhada em cada tamanho no seu navegador e o zip é montado no seu dispositivo. Para o resultado mais nítido, use uma imagem quadrada de pelo menos 512 pixels; a ferramenta avisa quando uma imagem de origem vai ser ampliada. Envie os arquivos para a pasta raiz do seu site, ou altere o caminho para que as tags apontem para onde você os colocou.
Adicione seu logo, ou digite uma ou duas letras e escolha as cores. Confira as prévias pequenas e baixe o zip. Coloque os arquivos na pasta raiz do site e cole as tags HTML mostradas nesta página dentro do head das suas páginas. Os navegadores escolhem o tamanho certo automaticamente.
Não. Cada tamanho é desenhado em um canvas no seu navegador, e o favicon.ico, os seis arquivos PNG, o site.webmanifest e o zip são todos montados no seu dispositivo. Seu logo nunca sai do seu computador, então não há nada para apagar depois nem cópia da sua marca em servidor algum.
Os navegadores usam 16 e 32 pixels em abas e favoritos, o Windows usa 48, iPhones e iPads usam um ícone de toque da Apple de 180 pixels, e o Android usa 192 e 512 pixels do manifesto web. Esta ferramenta cria todos eles, além do favicon.ico com 16, 32 e 48 dentro.
Sim. Adicione o PNG e baixe o favicon.ico sozinho ou com o conjunto completo. A transparência é mantida porque cada tamanho dentro do ícone é guardado como PNG. Uma imagem quadrada de 512 pixels ou mais dá o resultado mais nítido.
Geralmente porque o logo tem detalhes finos ou texto fino que não resistem a ser reduzidos a 16 pixels, ou porque uma imagem de origem pequena foi ampliada para os tamanhos maiores. Tente uma marca mais simples, como a primeira letra do seu nome, e use uma imagem de origem de pelo menos 512 pixels.
Uma imagem de até 20 MB. São aceitos JPG, PNG, WebP, GIF, BMP, AVIF e HEIC. Ícones de letras aceitam uma ou duas letras ou dígitos; símbolos e emojis não são aceitos porque aparecem diferentes em cada dispositivo.
Ainda com dúvidas? Pergunte sobre Gerador de favicon e qualquer pessoa que saiba pode responder. Não é preciso ter conta.