Skip to main content
CheckTown
Ferramentas de imagem

Gerador de favicons: crie ícones para cada navegador

Publicado 5 min de leitura
Neste artigo

O que são favicons?

Favicons são os pequenos ícones que aparecem nos separadores do navegador, marcadores e barras de endereço junto ao título de um website. Tipicamente com 16×16 ou 32×32 píxeis no formato ICO clássico, os favicons modernos incluem também tamanhos maiores — como 180×180 para dispositivos Apple e 512×512 para manifestos de aplicações web progressivas (PWA).

Um favicon bem desenhado reforça a identidade da marca, melhora o reconhecimento entre vários separadores abertos e contribui para uma experiência de utilizador profissional. O nosso gerador de favicons cria todos os tamanhos necessários a partir de uma única imagem e fornece o código HTML e o manifesto prontos a copiar.

Como funciona a nossa ferramenta

Gerar favicons a partir da sua imagem é rápido e simples:

  • Carregue a sua imagem — arraste e solte ou selecione um ficheiro PNG, JPG ou SVG que servirá de base para os seus favicons.
  • Configure as definições — selecione os tamanhos de saída (16×16, 32×32, 48×48, 180×180, 192×192, 512×512) e opções de formato como ICO ou PNG.
  • Gere e descarregue — obtenha todos os ficheiros de favicon juntamente com as tags HTML e o código do manifesto JSON prontos para integrar no seu website.

Experimente gratuitamente — sem cadastro

Gerar favicons →

Casos de uso

Os favicons são essenciais em vários cenários de desenvolvimento web:

  • Lançamento de um novo website ou redesign de marca — gerar todos os tamanhos de favicon necessários a partir do logótipo ou ícone da marca de uma só vez.
  • Configuração de uma aplicação web progressiva (PWA) que necessita de ícones em 192×192 e 512×512 para a instalação no ecrã inicial e o manifesto da aplicação.
  • Atualizar um website existente com favicons adequados a dispositivos Apple (apple-touch-icon 180×180) para uma melhor experiência em marcadores e ecrã inicial no iOS.

Perguntas frequentes

Que tamanhos de favicon preciso para cobertura completa de navegadores?

Para uma cobertura completa, necessita de 16×16 e 32×32 (separadores do navegador), 48×48 (atalhos do Windows), 180×180 (apple-touch-icon para iOS), e 192×192 e 512×512 (manifesto PWA). A nossa ferramenta gera todos estes tamanhos automaticamente.

Posso usar um ficheiro PNG em vez de ICO?

Sim. Todos os navegadores modernos suportam favicons em formato PNG. O formato ICO continua a ser útil para compatibilidade com versões mais antigas do Internet Explorer. A nossa ferramenta pode gerar ambos os formatos para garantir a máxima compatibilidade.

A minha imagem é carregada para algum servidor?

Não. Todo o processamento acontece diretamente no seu navegador utilizando a API Canvas. A sua imagem nunca sai do seu dispositivo — nada é enviado para nenhum servidor.

Ferramentas relacionadas