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!