Guia

Favicon para Webflow

O Webflow armazena seu favicon nas configurações do projeto e o distribui pelo CDN em todas as páginas publicadas. Envie um PNG ou ICO quadrado de 32×32 — ou uma imagem de 256×256+ que o Webflow reduzirá.

Acesse seu projeto → Configurações do Projeto → Geral → Favicon. O Webflow aceita PNG, ICO ou GIF e injeta as tags <link rel="icon"> corretas ao publicar.

Para abas retina e ícones na tela inicial iOS, adicione apple-touch-icon e ícones PWA via código personalizado nas configurações do site, se seu plano permitir embeds no <head>.

Como funciona

  1. 1

    Gere um favicon quadrado

    Use nosso gerador de favicon — exporte .ico e apple-touch-icon de 180×180.

  2. 2

    Configurações do Projeto → Favicon

    Envie seu PNG ou ICO.

  3. 3

    Publique

    O Webflow distribui o ícone para todas as páginas do seu domínio.

Experimente agora

Gere um favicon pronto para Webflow

Gerador de Favicon

Perguntas frequentes

Qual tamanho de favicon o Webflow usa?+

O campo aceita 32×32, mas comece a partir de 256×256 ou 512×512 para que o downscale mantenha a nitidez.

Por que meu favicon no Webflow não atualiza?+

Publique o site após trocar o arquivo. Navegadores fazem cache de favicons — recarregue forçando (Ctrl+F5) ou acrescente ?v=2 ao URL no código personalizado.

Posso usar um SVG como favicon no Webflow?+

O uploader nativo aceita apenas formatos raster. Adicione SVG via código personalizado em Configurações do Projeto → Custom Code → Head se precisar de vetor + modo escuro.

Ferramentas relacionadas

Mais guias

Guias

Explorar FetchFavicon

Categorias

Conversores

Utilitários

Guias

Tutoriais