Notícia 2 min de leitura

Como adicionar favicon no site da empresa (WordPress, HTML e hospedagem)

Favicon reforça marca na aba do navegador, favoritos e resultados mobile. Passo a passo para empresas: tamanhos corretos, WordPress, HTML estático e erros que impedem o ícone de aparecer.

Como adicionar favicon no site da empresa (WordPress, HTML e hospedagem)

Detalhe pequeno, percepção grande de profissionalismo

Cliente abre três abas — site da sua empresa, concorrente e portal bancário. Quem aparece genérico (ícone em branco ou logo cortada) perde recall instantâneo. O favicon é o ícone exibido na aba, barra de favoritos, histórico mobile e, em alguns casos, atalho na tela inicial do smartphone.

Para PMEs que investiram em site institucional ou loja, omitir favicon passa impressão de site “inacabado” — especialmente em propostas comerciais abertas ao lado de PDFs da marca.

Formatos e tamanhos que funcionam em 2026

  • favicon.ico — clássico, multi-resolução (16×16, 32×32); ainda referenciado por navegadores antigos.
  • PNG 32×32 ou 192×192 — nítido em telas Retina; Android usa ícones maiores.
  • apple-touch-icon.png (180×180) — atalho em iPhone/iPad.
  • SVG — suportado em browsers modernos; cuidado com compatibilidade legada.

Use logo simplificada — detalhes finos somem em 16 pixels. Fundo sólido ou transparente conforme manual de marca.

WordPress: Personalizar → Identidade do site

No WordPress recente, em Aparência → Personalizar → Identidade do site → Ícone do site, faça upload quadrado (mín. 512×512). O CMS gera tamanhos derivados. Limpe cache de plugin (WP Rocket, LiteSpeed) e CDN após trocar — favicon antigo “gruda” fácil.

Sites em construtor (Elementor, Divi) às vezes exigem limpar cache do tema também. Confira se não há favicon duplicado hardcoded no header do child theme.

HTML estático ou site customizado

No <head>:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Coloque arquivos na raiz pública (public_html). Teste em aba anônima e valide caminho absoluto se o site usa subpasta.

Erros frequentes em empresas

  • Arquivo enorme (500 KB) — lentidão desnecessária; otimize abaixo de 10 KB para ICO/PNG.
  • Cache agressivo sem versionamento (?v=2 na URL).
  • Favicon no domínio errado — www vs apex sem redirecionamento unificado.

A ITC configura identidade visual básica em projetos de site e hospedagem. Veja como começar um site do zero · Guia Sites · ITC Hosting · Solicitar ajuste.