Criar favicon (.ico e PNGs)

Crie todos os ícones do site a partir do seu logo, prontos para colocar no ar.

O ZIP traz o favicon.ico (com 16, 32 e 48 px dentro), PNGs de 16 e 32 px, o apple-touch-icon de 180 px, os ícones de 192 e 512 px do Android, o site.webmanifest e o HTML para colar no <head>. O logo em SVG é tratado como não confiável: scripts e links externos são retirados e nada é executado.

Logo ou imagem

De preferência quadrada, com pelo menos 512 px, ou SVG. PNG com fundo transparente fica melhor.

O arquivo é lido no seu navegador e não é enviado a nenhum servidor.

Ícone

0 a 30. O apple-touch-icon fica melhor com 10%.

Favicon

Escolha o logo. Os ícones, o ZIP e o HTML aparecem aqui.

Calculando…

Como funciona

A imagem é encaixada inteira num quadrado (sem cortar), com a margem escolhida, e desenhada em cada tamanho a partir do original, reduzindo em etapas para não serrilhar. Os tamanhos:

  • favicon-16x16.png: 16 × 16 px — aba do navegador
  • favicon-32x32.png: 32 × 32 px — aba em telas de alta densidade e barra de tarefas
  • apple-touch-icon.png: 180 × 180 px — atalho na tela inicial do iPhone e iPad
  • android-chrome-192x192.png: 192 × 192 px — atalho na tela inicial do Android
  • android-chrome-512x512.png: 512 × 512 px — tela de abertura do app instalado (PWA)
  • favicon.ico: 16, 32 e 48 px num arquivo só, para a aba e navegadores antigos

O favicon.ico guarda os PNGs dentro do formato ICO (cabeçalho, uma entrada por tamanho e os PNGs), aceito por todos os navegadores atuais. O ZIP inclui o site.webmanifest com os ícones do Android e o HTML para colar no <head>.

Exemplo para conferir

O exemplo usa um logo em SVG com um script embutido (que é retirado e nunca executado), gera os 8 arquivos e mostra as prévias de 16, 32 e 180 px. O ZIP tem favicon.ico, 5 PNGs, o manifesto e o HTML.

Limitações

Em 16 px cabem poucos detalhes: textos e traços finos somem. Logos simples, com uma letra ou símbolo, funcionam melhor. A ferramenta não publica nada no seu site; ela só gera os arquivos.

Seu arquivo é processado no seu navegador e não é enviado para nenhum servidor.

Fontes e revisão

Conteúdo revisado em . A data muda só quando as regras e os textos são conferidos de novo, não a cada atualização técnica do site.

Perguntas frequentes

Quais tamanhos de favicon eu preciso?

Um favicon.ico (com 16, 32 e 48 px dentro) para a aba e os navegadores antigos, PNGs de 16 e 32 px, o apple-touch-icon de 180 px para o iPhone e os de 192 e 512 px para o Android. O ZIP traz todos e o HTML para colar.

Posso usar o logo em SVG?

Pode, e é o melhor ponto de partida, porque ele fica nítido em qualquer tamanho. O SVG é tratado como arquivo não confiável: scripts e links externos são retirados e ele é desenhado como imagem, que nunca executa código.

Onde coloco os arquivos?

Na raiz do site (a mesma pasta da página inicial), e cole o HTML do resultado dentro do <head> das páginas. Em plataformas prontas, procure "favicon" ou "ícone do site" nas configurações e envie o PNG de 512 px ou o .ico.

O logo é enviado para algum lugar?

Não. Os ícones são desenhados pelo navegador, no seu aparelho.

Relacionadas

Imagem Pronta

Remover fundo da foto

Tira o fundo de retratos e selfies e entrega PNG transparente.

Ver todas as ferramentas de Imagem Pronta · Catálogo completo