tooly

Gerador de favicon

Transforme um logo em um conjunto completo de favicons: favicon.ico com 16, 32 e 48 px, Apple touch icon de 180 px e PNGs de 192/512 px para o web manifest. Nada é enviado.

Seus arquivos nunca saem do seu navegador

Como usar

  1. Arraste um logo quadrado — PNG, SVG, JPG ou WebP. 512 px ou mais dá o melhor resultado.
  2. Aguarde um segundo enquanto cada tamanho é renderizado no seu navegador.
  3. Baixe o ZIP e copie os arquivos para a raiz do seu site.

Perguntas frequentes

Meu logo é enviado a um servidor?

Não. Cada ícone é renderizado com a API Canvas no seu navegador e empacotado no ZIP localmente.

Quais arquivos vêm no ZIP?

favicon.ico (16, 32 e 48 px), apple-touch-icon.png (180 px), icon-192.png, icon-512.png e um site.webmanifest que referencia os PNGs.

E se meu logo não for quadrado?

Ele é centralizado dentro de um quadrado com preenchimento transparente, então nada é cortado. Para um encaixe mais justo, corte-o em quadrado antes.

Como adiciono os ícones ao meu site?

Copie os arquivos para a raiz do site e adicione <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> e <link rel="manifest" href="/site.webmanifest"> no <head>.

Posso usar um SVG como origem?

Sim, e é a melhor opção: o vetor é rasterizado separadamente em cada tamanho, então até 16 px fica nítido.

Ferramentas relacionadas