Un favicon (abreviatura de “icono de favoritos”), son pequeños iconos asociados a un sitio o página web en particular, que se muestran junto al nombre del sitio en la barra de URL de la mayoría de los navegadores. Los tamaños más comunes de los favicones son: 16×16, 32×32, 48×48, 64×64, 128×128. Busca la ubicación del archivo en tu ordenador para seleccionar la imagen y pulsa el botón “Cargar imagen” para generar un favicon para tu sitio
Una vez que hayas creado tu archivo favicon.ico, súbelo al directorio raíz de tu sitio web y pon el siguiente código en la cabecera de tu página html (esto debería funcionar con cualquier tipo de plan de alojamiento web o haz tu contraseña segura):
Los favicons son pequeños archivos de iconos de 16×16 que se muestran junto a la URL de su sitio en la barra de direcciones de un navegador. Además, a menudo se muestran junto al nombre de su sitio en la lista de pestañas abiertas de un usuario y en las listas de marcadores, lo que facilita al usuario la identificación rápida entre otros sitios.
Los iconos de las aplicaciones son las imágenes que se pulsan en el smartphone para lanzar una aplicación. A medida que se lanzan nuevos teléfonos con pantallas de mayor resolución, se necesitan iconos de aplicaciones de mayor resolución. Los desarrolladores siguen queriendo mantener la compatibilidad con los teléfonos más antiguos con menor resolución, así que cuando se crea un icono de aplicación hay que crear varias variaciones de tamaño de la misma imagen. Esto es cierto para todos los teléfonos inteligentes como el iPhone y Android, e incluso para las tabletas como el iPad.
Aunque muchos navegadores web modernos admiten favicons guardados como GIF, PNG u otros formatos de archivo populares, todas las versiones de Internet Explorer siguen exigiendo que los favicons se guarden como archivos ICO (un formato de icono de Microsoft). Esta herramienta proporciona una forma sencilla de convertir cualquier GIF, PNG o JPEG a ICO, que es compatible con todos los navegadores web modernos. También te permite crear favicons desde cero a través de un práctico editor online. Además, el editor te permite ajustar manualmente los favicons generados para garantizar el mejor resultado posible.
Si te tomas en serio la marca de tu negocio, los favicons deberían formar parte de tu arsenal de marketing. No son el aspecto más importante de un sitio web, pero son detalles como éste los que hacen que los clientes potenciales te recuerden y te distingan de la competencia.
Favicon, abreviatura de “icono favorito”, fue originalmente una nueva función del navegador Internet Explorer en 1999. Cuando los usuarios marcaban un sitio a través de Internet Explorer, aparecía el icono junto al nombre del sitio web en la lista de favoritos.
El código anterior funcionará para todos los navegadores modernos, incluido Internet Explorer 11. Para la compatibilidad con versiones más antiguas de Internet Explorer, puede utilizar la frase “icono de acceso directo” en lugar de sólo “icono”: <link rel=”icono de acceso directo” href=”/favicon.ico”>
Si quieres un favicon retina que funcione con los dispositivos táctiles de Apple, solo hay que hacer un pequeño trabajo adicional. Del mismo modo, para los favicones de azulejos de Windows 8 o Windows 10 “metro UI”, tendrás que ajustarte a ciertas resoluciones y añadir un color de fondo para el azulejo de Windows. Dirígete a las Preguntas Frecuentes sobre Favicons para saber cómo conseguir que los favicons de Windows y Apple se muestren correctamente, y cómo hacer favicons para iPhone, iPad, Android y dispositivos Windows.