Guia

Como criar um favicon

Criar um favicon leva 60 segundos: parta de uma imagem quadrada, gere um .ico multirresolução e vincule-o no <head> do seu HTML. Este guia cobre cada etapa.

Check favicons on any website

Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.

Install Chrome Extension

Sua imagem de origem deve ser quadrada e ter pelo menos 512×512. SVG é ainda melhor — escala sem perda de qualidade.

A configuração mínima viável é um único favicon.ico multirresolução. Setups modernos também incluem SVG, apple-touch-icon de 180×180 e PNGs de 192×192 + 512×512 para prompts de instalação PWA.

Como funciona

  1. 1

    Prepare uma imagem quadrada

    PNG de 512×512 ou SVG com viewBox quadrado.

  2. 2

    Gere

    Use nosso gerador de favicon para reunir todos os tamanhos em um único .ico.

  3. 3

    Instale

    Coloque favicon.ico na raiz do site e vincule no <head>.

Experimente agora

Crie seu favicon agora

Gerador de Favicon

Perguntas frequentes

Qual a ferramenta mais fácil para criar um favicon?+

Nosso gerador de favicon — envie a imagem, clique em gerar, baixe. Sem cadastro, sem upload para servidor.

Qual deve ser o tamanho da imagem de origem?+

512×512 no mínimo. SVG é o ideal.

Preciso de um apple-touch-icon?+

Sim, se quiser um ícone bonito na tela inicial do iOS. PNG de 180×180, vinculado via <link rel="apple-touch-icon">.

Ferramentas relacionadas

Mais guias

Guias