Configurar unha icona personalizada para cando os lectores marque o seu sitio
Xa notou o pequeno ícono que aparece nos seus marcadores e na visualización de páxinas dalgúns navegadores web? Iso chámase o ícono favorito ou favicon.
Un favicon é unha parte importante da comercialización do teu sitio web pero sorprenderache cantos sitios non teñan un. Isto é lamentable, xa que son relativamente fáciles de crear, especialmente se xa tes gráficos e logotipos para o teu sitio.
Para crear un Favicon primeiro Cree a súa imaxe
Usando un programa de gráficos, cree unha imaxe de 16 x 16 píxeles. Algúns navegadores admiten outros tamaños, incluíndo 32 x 32, 48 x 48 e 64 x 64, pero debes probar tamaños maiores que 16 x 16 nos navegadores que admites. Lembre que 16 x 16 é moi pequeno, polo que proba moitas versións diferentes ata que crees a imaxe que funcionará para o teu sitio. Unha maneira que moitas persoas fan isto é crear unha imaxe moito máis grande que o pequeno tamaño e, posteriormente, redimensionar. Isto pode funcionar, pero moitas veces as imaxes máis grandes non se ven ben cando se encolle.
Preferimos traballar co pequeno tamaño directamente, entón é moito máis claro como a imaxe verá o final. Podes achegar o teu programa de gráficos cara a fóra e crear a imaxe. Aparecerá bloqueado ao afastalo, pero iso está ben porque iso non será tan obvio cando non se afasta.
Pode gardar a imaxe como un tipo de ficheiro de imaxe que lle gusta, pero moitos xeradores de ícones (discutidos a continuación) só poden soportar ficheiros GIF ou BMP . Ademais, os ficheiros GIF utilizan cores planas, e estas moitas veces aparecen mellor no espazo pequeno que as fotografías JPG.
Conversión da imaxe Favicon a un icono
Unha vez que teñas unha imaxe aceptable, tes que convertela ao formato de icona (.ICO).
Se estás a construír o teu icono rapidamente, podes usar un xerador Favicon en liña, como FaviconGenerator.com. Estes xeradores non teñen tantas funcións como o programa de xeración de iconas, pero son rápidos e poden obterse un favicon en só uns segundos.
Favicons como imaxes PNG e outros formatos
Máis e máis navegadores están apoiando máis que só os ficheiros ICO como íconos. Agora mesmo podes ter un favicon en formatos como PNG, GIF, GIF animados, JPG, APNG e mesmo SVG (só en Opera). Hai problemas de soporte en moitos navegadores para a maioría destes tipos e Internet Explorer só soporta .ICO . Entón, se necesitas que o icono apareza en IE, debes quedar con ICO.
Publicando a icona
É sinxelo publicar o ícono, simplemente cargalo no directorio raíz do teu sitio web. Por exemplo, a icona de Thoughtco.com está situada en /favicon.ico.
Algúns navegadores atoparán o favicon se vive na raíz do seu sitio web, pero para obter os mellores resultados, debería engadir unha ligazón desde cada páxina do seu sitio onde desexa o favicon. Isto tamén permite usar ficheiros chamados algo distinto de favicon.ico ou gardalos en directorios diferentes.