Favicon: O que é?

 

Uma maneira elegante e simples de facilitar a identificação visual do seu site em listagens de páginas ou grupos de guias é implementando um favicon. Hoje vamos ver o que é um favicon, como criar um favicon em HTML e, acima de tudo, analisar em quais casos é recomendado usá-lo.

 

 

O que é um favicon?

 

Um favicon é um ícone em miniatura, descritivo de uma página web específica, que identifica a página em várias áreas; Sua proporção é de 1:1 (um quadrado perfeito), e seu tamanho geralmente varia de 16×16 a 32×32 pixels.

A definição pode ser um pouco etérea, mas você pode vê-la melhor com alguns exemplos:

  • Quando uma página da Web é aberta em um navegador, se você olhar para o canto superior esquerdo da guia, verá um pequeno ícone.

  • Além disso, se você verificar os Favoritos do seu navegador, verá que o nome de cada site salvo é precedido pela mesma imagem em miniatura.

Para que serve um favicon: é realmente necessário?

O favicon é um pequeno ícone que acompanha o site, e que ajuda na sua identificação visual, principalmente quando compartilha uma listagem com outros sites. É um auxílio à navegação, pois permite identificar a página facilmente quando você tem várias abas abertas ao mesmo tempo.

Além disso, quando a página é incorporada em uma lista de Favoritos ou uma barra de Favoritos, ela permite uma rápida identificação visual para o usuário, que irá distingui-la facilmente das demais.

Necessário? Pode não ser, mas é definitivamente altamente recomendado, porque você fornecerá uma ferramenta para os usuários diferenciarem sua página das outras.

E não se esqueça que o favicon atuará como a imagem de marca da sua página: será um logotipo que ajuda a associar os usuários ao seu site com uma iconografia específica.

Como fazer um Favicon

Favicon no WordPress

WordPress é talvez o CMS mais popular para a criação de sites sem a necessidade de habilidades de desenvolvimento de aplicativos. No menu Aparência – Personalizar, a interface permitirá que você carregue uma imagem e a transforme no favicon da sua página. Claro, você terá que encontrar a imagem sozinho.

Ferramentas online

Você também pode criar um favicon do zero em sites gratuitos como favicon.cc, favicon.io ou editor x-icon; ou se você quiser editar ou transformar uma imagem que você já tem, você pode usar Genfavicon ou Favicon Generator.

Programas de Design Gráfico

Este é, sem dúvida, o método mais profissional: se você se atrever a criar um favicon do zero, e você se lida com ferramentas de design gráfico como o Illustrator ou Photoshop, será suficiente projetar a imagem você mesmo (ajustando-se ao tamanho recomendado) e salvá-la em .ico formato, e depois incorporá-la ao HTML da sua página diretamente, ou através do CMS que você está usando.

Agora que você sabe o que é um favicon, convém incorporar esses pequenos ícones em seu site para tornar a navegação mais acessível aos seus visitantes. Além disso, se o logotipo escolhido for único e pessoal, você estará ajudando os internautas a associar a imagem ao seu site: como você pode ver, é um truque de marketing simples!