Hay un pequeño hombre sentado en mi Firefox de pestañas de ventanas, qué es eso?

El icono de favoritos (favicon) puede ser confuso cuando se ve por primera vez debido a una actualización del navegador web, o cambiar a otro navegador. Cuando usted visita un sitio web que tiene un favicon disponible para el navegador para descargar, el navegador muestra el icono junto al nombre del sitio en su menú de favoritos. Como los principales navegadores cambiaron a sistemas de navegación por pestañas en las versiones recientes, sino que también comenzó a mostrar iconos de favoritos junto al título en la pestaña del navegador de web.

¿Qué es un favicon?

En primer lugar reconocido por el navegador Internet Explorer 5 de Microsoft, un favicon es un pequeño icono gráfico 16 píxeles por 16 píxeles de tamaño. Originalmente, se tenía que colocar iconos de página en el directorio raíz del sitio web y darles el nombre de "favicon.ico" antes de navegadores podrían detectar y mostrarlos. En 1999, el World Wide Web Consortium (W3C) faviconos añadió a la especificación HTML 4.01, lo que permite colocar en cualquier lugar dentro de un sitio. A continuación, puede dirigir el navegador al archivo mediante un enlace estándar.

Beneficios favicon

Favicons son uno de los pequeños detalles que permiten a un sitio web para presentar una imagen más profesional. Muchos sitios web todavía no utilizan iconos de favoritos, permitiendo que los sitios que los uso para destacar. Un favicon bien diseñado puede ayudar a mejorar su marca y aumentar el número de veces que un usuario ve su logotipo, lo que ayuda a echar raíces en su memoria. Favicons también son útiles para los visitantes del sitio, lo que ayuda a identificar su sitio entre muchos otros en su menú de favoritos. Una imagen familiar es mucho más fácil de localizar que una entrada de texto estándar, lo que permite que su sitio se destacan que los usuarios puedan encontrar más rápidamente.

Creación de Favicons

Puede crear un favicon para su sitio web en cualquier paquete de gráficos compatible con el formato de archivo .ico. Adobe Photoshop es el paquete más comúnmente utilizado para la creación de iconos de favoritos, pero no es compatible con el ahorro en el formato .ico por defecto. Puede añadir esta funcionalidad mediante la instalación de un plug-in gratuito. El tamaño favicon de 16 píxeles por 16 píxeles puede resultar difícil de usar, por lo que es más fácil para crear un píxel de imagen 64 de 64 píxeles por, a continuación, reducir el lienzo al tamaño correcto. Recuerde que debe guardar la imagen como favicon.ico.

Añadir un favicon para su sitio

Cargar la imagen a la raíz de tu sitio web utilizando una aplicación de protocolo de transferencia de archivos (FTP). Agregue la línea siguiente al elemento HTML head en las páginas de su sitio web:

<Link rel = "icono de acceso directo" href = "/ favicon.ico" type = "image / x-icon" />

Esto le permite decirle al navegador el nombre del archivo favicon y dónde se encuentra. Utilizando este método, se puede colocar el archivo favicon cualquier lugar dentro de la estructura de su sitio web, pero tiene sentido para mantener el archivo favicon en el directorio raíz para los navegadores o dispositivos que no cumplen. También puede configurar diferentes iconos de página para diferentes páginas, apuntando a diferentes archivos .ico en la etiqueta de enlace HTML.