Icono Web en la barra de direcciones
Enviado por root el Mié, 04/08/2010 - 16:12.Seguramente os habréis fijado que al visitar algunas páginas web, aparece junto a la dirección de la misma un icono.
Este icono se suele denominar favicon, icono de favoritos o icono de página.
Para que nuestras páginas presenten dicho icono, sólo es necesario incluir en la sección head del fichero html correspondiente, las siguientes líneas:
| <link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> |
Por motivos de compatibilidad con navegadores antiguos, es recomendable cumplir las siguientes reglas:
- La imagen debe encontrarse en formato ICO
- Las dimensiones deben ser 16×16 pixeles
- El fichero de imagen debe encontrarse en la carpeta raiz de la web
- El nombre del fichero debe ser favicon.ico
No obstante todo ello es opcional, y puede modificarse sin más que cambiar los parámetros indicados.
Por ejemplo para una imagen en formato png, deberíamos escribir:
| <link rel="icon" type="image/png" href="favicon.png"> <link rel="shortcut icon" type="image/png" href="favicon.png"> |
Para una imagen fuera de raiz de la web, sería:
| <link rel="icon" type="image/x-icon" href="/ruta/favicon.ico"> <link rel="shortcut icon" type="image/x-icon" href="/ruta/favicon.ico"> |
Términos relacionados: Web