Los faviconos son los iconos que se muestran junto a las direcciones de sitios Web en el menú Favoritos del navegador, también llamado el menú Marcadores. Hoy en día, los faviconos se muestran en la barra de direcciones del navegador y las pestañas del navegador, así como en los marcadores y accesos directos a Internet. Un favicon es un icono asociado con una página web o un documento HTML.
Dónde aparecen los iconos favicon
Aunque no es necesario añadir un favicon en una página web o un sitio web, asociar un icono con una dirección del sitio Web puede hacer más fácil de recordar el sitio Web para los visitantes, puede hacer más sencillo el encontrar la pestaña correspondiente a una página en navegadores que soporten más de una y facilita asociar nuestra Web con una imagen de marca. En el caso de las empresas y los sitios de promoción, favicons se puede utilizar para mejorar la visibilidad de las empresas y los logotipos de la web.
¿Cómo crear un favicon?
Un favicon es un archivo generado como mapa de bits con cualquier aplicación capaz de guardar el fichero con formato ICO (*. ico). Sin embargo, no todos los editores de imágenes soportan ficheros ICO o puede requerir un complemento para guardar en formato ICO. Aunque algunos de los navegadores también soportan GIF y PNG como favicones, es el formato ICO el que es soportado por un mayor número de browsers.
Con esta utilidad online FavIcon from Pics — free favicon.ico for your website (animated, static, text, iPod icons) es sencillo generar un favicon con el formato adecuado de una manera sencilla y gratis.
¿Cómo utilizar los iconos favicon?
Lo más sencillo y también de cara a mantener la compatibilidad con los navegadores más antiguos, vamos a usar favicon.ico para el nombre de su archivo de favicon. Hay varias formas de agregar un favicon a un sitio web, dependiendo de cómo se aloja el sitio y cómo se actualiza. Antes de usar uno de los métodos siguientes, lo primero es subir el favicon.ico a su sitio web. Debería estar en la raíz o en la carpeta principal del sitio.
Método 1: Agregar etiqueta de favicon en la sección HEAD
Si tenéis acceso a los archivos HTML del sitio web, esta es la forma recomendada de añadir un favicon a sus páginas web.
Abre la página de inicio o la página principal del sitio en un editor de código HTML. Si no utilizas un editor de páginas web, puedes utilizar cualquier editor de texto como el notepad de Windows. La página de inicio es usualmente llamado index.html o default.html. El resto de este documento se asume que es el nombre index.html.
Una vez que index.html se abre en el editor, busca el texto <head> situado en la parte superior de la página. Varias líneas por debajo de ella, debe haber una etiqueta similar, pero con una barra – </ head>. Inserta la siguiente línea (en el enlace llamado favicon tag) por debajo de <head> pero antes de </ head>. <link icon href=”favicon.ico”>
Método 2: favicon.ico Subir al sitio web
Si usted no tenemos acceso a los archivos HTML del sitio web o si prefiere no modificarlos, podemos subir el fichero favicon.ico a la raíz /del sitio web. Este método no da los mejores resultados y sólo debe usarse si no podemos editar las páginas de nuestro sitio.
Método 3: consultar la documentación de nuestro servicio de hosting
Si no tenemos acceso a los archivos HTML de nuestro sitio web y no podemos cargar favicon.ico a la raíz /del sitio, puede que tengamos que depender de otros métodos proporcionados por el proveedor de alojamiento web. Si su cuenta de hosting viene con un panel de control, podemos consultar si existe una opción para asignar un favicon.
¿Cómo verificar que el favicon está bien añadido a nuestro sitio?
En el sitio de la utilidad que hemos referenciado también existe un validador del favicon añadido. Lo podéis encontrar en la dirección http://www.html-kit.com/favicon/validator/La herramienta realiza las siguientes acciones (que también pueden realizarse de forma manual):
- Comprueba si hay un favicon (icono favicon.ico o especificado en una etiqueta <link …>).
- Se asegura de que los archivos son los iconos favicon legibles o archivos de imagen.
- Valida el contenido de <link …> etiquetas, si está disponible.
- Si un archivo *. ico contiene más de una imagen, muestra todas las imágenes contenidas en el icono.
- Tiene soporte para múltiples formatos de archivo como icono, GIF, JPEG, PNG y BMP.
- Proporciona sugerencias sobre cómo mejorar la compatibilidad con diferentes navegadores, varias versiones de la etiqueta <link …>, tiposs de pantalla, formatos de archivo, y mucho más.
- Informa de cualquier conflicto con el favicon por defecto y cualquier etiqueta <link …>.
This work, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.
Información Bitacoras.com…
Valora en Bitacoras.com: Los faviconos son los iconos que se muestran junto a las direcciones de sitios Web en el menú Favoritos del navegador, también llamado el menú Marcadores. Hoy en día, los faviconos se muestran en la barra de direcciones del n…..