El favicon es un icono para diferenciar unas pestañas de otras abiertas de el explorador, su nombre viene de “favorite icon“.
Al tener un tamaño tan pequeño se suelen elegir elementos muy visuales que normalmente coinciden con partes del propio logotipo.
¿Es importante tener un favicon ?
Y ahora dirás pues vaya tontería es lo del favicon ¿y si no lo pongo?, puedes no usarlo pero verás que la mayor parte de las webs lo utilizan, prueba a tener varias pestañas abiertas como en los 90 y vuelve a visitar la página en la que estabas sin favicon es un suplicio, a parte de hacer las páginas mas accesibles sirve para identificar de un vistazo la pestaña buscada.
Hasta hace poco yo pensaba que la función del favicon era simplemente estética, pero desde unos 3 años comenzó a ser importante para el SEO de las páginas web, no obstante algunas herramientas de análisis de SEO le dedican un apartado, incluso algunos plugin de SEO tienen la función de cargar el favicon en wordpress.
La explicación es muy lógica el favicon hace que tu página resalte entre las pestañas abiertas y también te distingue en las páginas favoritas.
Características del favicon.
Siempre lo tienes que nombrar favicon si no lo haces no funciona.
En blogger se carga desde la pestaña Layout y siempre es en formato ico.
Existen plugins en wordpress para cargarlo aunque la mayor parte de los themes ya incluyen la opción de favicon.
El formato es siempre cuadrado yo suelo usar 64x64px.
Consejos para tener un favicon bueno.
Según que plugin o la manera de subir el favicon te pedirá un formato u otro para el tipo de imagen, normalmente el formato es ico, aunque también puede ser png.
Usa fondo transparente para el favicon, tanto el formato ico como png lo permiten.
Su tamaño suele ser 32x32px aunque con los dispositivos retina ha aumentado el tamaño, lo importante es que no supere los 100px y sea de tamaño cuadrado.
Elige una imagen o un detalle muy definido, es preferible un icono pequeño no elijas textos porque no se leen y las fotos tampoco.
Editores para hacer tu favicon:
www.256pixels.com Puedes subir una imagen o divertirte haciendo pixel art con su grid que te recordará al buscaminas, a mi me encanta para hacer dibujillos pinchando… si haces hamma beads te va a gustar.
www.favicon.cc Esta herramienta es la mas completa y la mas usada para hacer favicones.
www.favicongenerator.com Subes la imagen y la convierte en favicon.
Por supuesto Photoshop también puedes hacer una imagen png, pero existiendo aplicaciones para ello y gratis.