Defina o favicon no navegador cruzado e mais …

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 🙂