O gerador Favicon
Converte qualquer imagem em favicon, ícones para Apple, Android e Windows
100 % Processamento do lado do cliente
As suas imagens são processadas localmente no seu navegador. Nada é carregado em qualquer servidor.
🎨
Deixe sua imagem aqui
ou clique para browse
512512 Suporta PNG, JPG, GIF, WebP (recomendado: imagem quadrada × ou maior)
Fonte Imagem
Browser Preview (em inglês)
Seu site
+
Favicon exibido na guia do navegador
Ícones gerados
16×16
favicon.ico
32×32
favicon.ico
48×48
favicon.ico
180×180
Apple Touch
192×192
Android Chrome
512×512
Android Chrome (em inglês)
16×16
PNG
32×32
PNG
180×180
PNG
512×512
PNG
📋 How to Use These Icons
Adicione isso ao seu site <head>Seção:
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" sizes="32x32" href="/icon-32.png"> <link rel="icon" sizes="16x16" href="/icon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
💡 PRODUÇÃO: Coloque o favicon.ico na pasta raiz do seu site (public_html/) para detecção automática pelos navegadores.
Por que você precisa de múltiplos tamanhos de Favicon?
🖥️
Browser Tabs (em inglês)
16163232 Os navegadores usam os favicones × ou × em guias. Seu arquivo .ico deve incluir ambos os tamanhos para uma exibição nítida.
📱
Dispositivos Apple
180180 Os iPhones e iPads usam os ícones do Apple Touch. Sem um, seu site recebe uma captura de tela borrada em vez disso.
🤖
Android Chrome (em inglês)
192192512512 O Android usa os ícones × e × para marcadores na tela inicial e ícones Progressive Web App (PWA).