Alguna vez te has preguntado ¿qué es un favicon o para que sirve y que hace? Si cuentas con diferentes pestañas abiertas en tu navegador seguro te has dado cuenta que al lado de cada una hay una imagen pequeña a la que se denomina favicon. En este artículo que traemos hoy en Actiweb estaremos mostrando en que consiste un favicon, como identificarlo y que necesitas para crear uno.
¿Qué es un favicon?
¿Qué es un favicon?Un favicon es una herramienta que consiste en un icono que representa tu sitio web en las pestañas. Esta imagen también funciona cuando agregamos un sitio web en nuestro acceso directo o en los favoritos de nuestro navegador Google.
Si aún no logras identificarlo, puedes ingresar a tu navegador, abrir diferentes pestañas de algunos sitios web de visites frecuentemente. Ahora fíjate que hay unas pestañas pequeñas, justo al lado del nombre del sitio web estarás viendo una pequeña imagen. A esto es lo que se le denomina como favicon.
Este pequeño icono está identificando tu sitio web y cuenta con unas dimensiones que normalmente van desde los 16 × 16 o 32 × 32 px. Habitualmente se utiliza un logotipo de nuestro sitio web o marca que estamos promocionando o una variación del mismo.
Se debe tomar muy en cuenta que también es considerado como favicon a todos los iconos que aparecen en las aplicaciones tanto de iOS como de Android. Aunque todas ellas cumplen con un formato distinto, pero básicamente tienen la misma función.
¿Para qué sirve un favicon?
La tarea principal de un icono miniatura es identificar nuestro sitio web y hacer que la experiencia para el usuario sea mucho más fácil. Esto quiere decir, cuando un usuario ingresa en su navegador, lo normal es que tenga diferentes pestañas abiertas. Por ello, es sumamente importante que al solo darle un pequeño vistazo pueda identificar rápidamente que dicha pestaña corresponde al sitio web al que desea ingresar.
El favicon también suele aparecer cuando el usuario guarda un sitio web tanto en la sección de favoritos como de marcadores si está utilizando Google. El favicon, básicamente es un resumen del logo de un sitio web o marca con el que se está identificando el sitio web.
Incluso, un favicon que destaque, puede contribuir muchísimo más a mantener un imagen corporativa de nuestro sitio web. Esto quiere decir, que esta pequeña imagen puede ir calando en los usuarios con solo darle un pequeño vistazo.
¿Cómo generar un favicon?
Desde hace algún tiempo, contar con un favicon básicamente es imprescindible. El favicon tiene que ser básicamente el logo de tu sitio web o que lo identifique cierta forma. Por ejemplo, si cuentas con un sitio web de ropa o alguna prenda alusiva a ello, el favicon que debes utilizar tiene que ser algo parecido o que esté relacionado estrechamente con tu marca. De igual forma, siempre debe contar con los colores corporativos de tu sitio web o marca.
Hasta el momento existe una gran cantidad de formas de crear un favicon:
Puedes utilizar un programa diseño como Illustrator o Photoshop. Si eres un experto diseñando, puedes hacerlo tú mismo tomando en cuenta las dimensiones de 32 × 32 px y adaptarlo a tu logo. Luego debes transformar la imagen a formato .ico.
También puedes utilizar alguna herramienta en línea para crear un icono miniatura. Algunas de ellas te ayudan a diseñar un icono miniatura de cero. Puedes conseguir favicon.io o x-icon editor. En otros casos, puedes contar con ciertas aplicaciones donde deberás subir una imagen y luego editarla como: Favicon Generator, Favic-o-matic, Genfavicon.
Por medio de WordPress. Directamente en el menú de administrador de esta herramienta puedes dirigirte a Apariencia y luego presionar en Personalizar. Desde allí puedes subir una imagen y utilizarla como favicon. También cuentas con la posibilidad de descargar un plugin que te ayude a la creación de estos iconos.
También puedes encargarle tu icono a diseñadores profesionales para que adapten tu logo a él.
Esto ha sido todo por hoy en Actiweb, esperamos haberte ayudado a conocer que es un favicon y cómo utilizarlo en tu sitio web. Si quieres saber más acerca de nosotros visite nuestro blog.
