Vimos que a maior parte do site tem favicon que descreve as informações adicionais sobre o site. Além disso, pode ser o logotipo, o perfil da empresa, a produção da empresa, o aplicativo do site e muitos outros.
agora como você pode fazer isso?
é muito simples de fazer, você só precisa adicionar algumas linhas de código e estar pronto com uma pequena imagem de ícone, você também pode adicionar uma imagem animada no fevicon
adicione esta parte entre a seção <head> </head>. Tente usar o tipo de ícone relativo, como type = “imagem / ico” para imagem .ico.
<link rel="shortcut icon" type="image/ico" href="images/favicon.ico">
agora algum tempo este código não funcionará na maioria do navegador como a versão antiga do IE,
neste caso você pode adicionar esta linha
<link rel="shortcut icon" href="images/favicon.ico" type="image/vnd.microsoft.icon" *gt;
podemos usar isso também para o IE:
<!--[if IE]>
<link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<![endif]-->
Finalmente, o ConvertICO pode ajudar a converter a imagem PNG em imagem IO.
Tamanho padrão do favicon: 16 x 16 é o melhor tamanho para o favicon mostrar nos principais navegadores. Aqui está uma leitura melhor sobre como criar um favicon e muito mais: http://www.netmagazine.com/features/create-perfect-favicon
Espero que isso ajude os iniciantes que estão apenas começando sua jornada no desenvolvimento web.
Happy’s coding 🙂