Gerador de favicon

Transforme seu logo ou algumas letras em todos os ícones de que um site precisa: um favicon.ico com vários tamanhos, ícones PNG para navegadores, iPhone e Android e um site.webmanifest pronto. Tudo vem num único ZIP, junto com o código HTML para colar.

Suas imagens ficam no seu dispositivo. Todo o processamento acontece no navegador.

Como usar "Gerador de favicon"

  1. Solte seu logo (PNG, JPG, WebP ou SVG) ou clique em "Criar com letras ou emoji".
  2. Escolha como a imagem se encaixa, ou digite as letras e escolha a forma e as cores. Confira o resultado na prévia da aba.
  3. Clique em "Criar favicons", baixe o ZIP, envie os arquivos para a pasta raiz do seu site e cole o código HTML dentro do <head>.

Perguntas frequentes

Quais arquivos vêm no ZIP?

favicon.ico (16, 32 e 48 px num só arquivo), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png e site.webmanifest. Isso cobre todos os navegadores atuais, a tela inicial do iPhone e do iPad e o Android.

Onde coloco os arquivos?

Envie-os para a pasta raiz do site (ao lado do index.html) e cole as tags <link> copiadas no <head> das suas páginas. Se colocá-los numa subpasta, altere os caminhos no código e no site.webmanifest.

Que imagem funciona melhor?

Um logo quadrado e simples, com fundo transparente e sem texto pequeno, pois detalhes finos somem em 16 px. Para tirar o fundo do logo use Remover fundo; para deixá-lo quadrado, Recortar imagem. Um SVG dá o resultado mais nítido em todos os tamanhos, e você pode reduzi-lo antes com Otimizar SVG.

Posso usar um emoji?

Sim. Escolha "Criar com letras ou emoji" e digite até três caracteres, por exemplo suas iniciais ou um único emoji. Os emojis são desenhados com a fonte de emoji do seu aparelho, por isso ficam um pouco diferentes no Windows, no Mac e no Android.

Por que o ícone do iPhone tem fundo preenchido?

O iOS mostra em preto as áreas transparentes dos ícones da tela inicial, então o apple-touch-icon.png sempre recebe um fundo quadrado completo: a cor escolhida para as letras, branco para imagens. O próprio iOS arredonda os cantos.

Minha imagem é enviada?

Não. Todos os ícones são desenhados no seu navegador e sua imagem nunca sai do seu aparelho.

Outras ferramentas

Buscar ferramentas