← Voltar a todas as ferramentas

Gere um favicon.ico a partir de uma imagem

Gere um favicon .ico com vários tamanhos a partir de uma imagem.

Este gerador de favicon transforma um ficheiro JPG, PNG, WEBP, GIF ou BMP num favicon.ico. Carregue o seu logótipo ou ícone, assinale os tamanhos que pretende, de 16x16 a 256x256, e descarregue o favicon.ico. Todos os tamanhos escolhidos ficam reunidos num único ficheiro ICO, para que os navegadores e os sistemas operativos possam usar o mais adequado. Parta de uma imagem quadrada com uma forma simples, porque o favicon aparece em tamanhos muito pequenos.

Como criar um favicon

Carregue uma imagem até 20 MiB, escolha os tamanhos a incluir e envie o formulário. Os tamanhos disponíveis são 16, 32, 48, 64, 128 e 256 píxeis, e todos vêm selecionados por predefinição. Descarrega um único ficheiro chamado favicon.ico com todos os tamanhos que assinalou.

Que tamanhos incluir

Os separadores do navegador usam 16x16 e 32x32. Os atalhos do Windows e algumas barras de marcadores usam 48x48 e tamanhos maiores. Manter os seis tamanhos é seguro e o ficheiro continua pequeno. Se deixar todas as caixas por assinalar, a ferramenta inclui os seis tamanhos. A transparência de um PNG é mantida dentro do ICO.

Preparar a imagem de origem

Use uma imagem quadrada, de preferência com pelo menos 256 por 256 píxeis, com um símbolo forte e simples e sem texto pequeno. Os pormenores finos desaparecem aos 16 píxeis. Uma imagem que não seja quadrada pode ficar distorcida, por isso corte-a primeiro. Crie um PNG transparente se quiser que o ícone fique bem tanto em temas claros como escuros.

Usar o favicon no seu site

Coloque o favicon.ico na raiz do site e acrescente uma etiqueta link no head, como uma linha rel=icon a apontar para /favicon.ico. Esta ferramenta produz apenas ICO, não ícones Apple touch nem manifesto web. Para preparar a origem, use o Redimensionar imagem, ou o Conversor de imagens para converter um PNG exportado de um SVG.

Perguntas frequentes

Que imagem devo usar para fazer um favicon?

Use um logótipo ou ícone quadrado, de preferência com 256 por 256 píxeis ou mais, com uma forma simples e bom contraste. As imagens com muito pormenor e o texto pequeno ficam ilegíveis aos 16 píxeis de um separador do navegador.

Que tamanhos contém o favicon?

Pode incluir quadrados de 16, 32, 48, 64, 128 e 256 píxeis. Todos vêm selecionados por predefinição e ficam reunidos num único ficheiro favicon.ico, para que cada navegador ou sistema escolha o tamanho de que precisa.

Cria ícones PNG ou Apple touch?

Não. O resultado é um único ficheiro favicon.ico. Se precisar de um PNG com um só tamanho, use o Redimensionar imagem; para uma origem em SVG, o Conversor SVG pode gerá-la em PNG com a largura que escolher.

A transparência é mantida no favicon?

Sim. A imagem é convertida para RGBA antes de o ICO ser escrito, pelo que as zonas transparentes de um PNG continuam transparentes no ícone. Os ficheiros JPG não têm transparência, por isso ficam com um fundo sólido.

Onde coloco o favicon.ico no meu site?

Coloque o favicon.ico na pasta raiz do site e refira-o no head da página com uma ligação rel=icon para /favicon.ico. Os navegadores também pedem esse caminho por predefinição, pelo que muitas vezes funciona mesmo sem a etiqueta.

Ferramentas relacionadas