Inicio » Tutoriales » Personalizar el icono de favoritos

Personalizar el icono de favoritos

Seguro que os habéis fijado en un efecto muy curioso. Cuando añadimos algunos sitios web a nuestra carpeta de favoritos, aparece en esta carpeta con un icono a su lado. Y si visitamos esa web, ese mismo icono aparece en la barra de direcciones de nuestro explorador.

¿Cómo colocar un icono personalizado en los favoritos?

Es muy sencillo y nos puede ayudar a destacar, de forma que el usuario nos recuerde y vuelva a visitar nuestra web.

En primer lugar, para añadir este efecto necesitamos crear nuestro icono. Esto podemos hacerlo con la herramienta on-line de www.favicon.com o con herramientas como Microangelo o similares. El icono debe tener una medida de 16×16 píxeles.

El siguiente paso es subir el icono al directorio raíz de nuestro servidor.

Y para finalizar debemos incluir este código en la cabecera de nuestra pagina (entre <head> y </head>) , indicando la dirección del icono.

<LINK REL="SHORTCUT ICON" HREF="http://www.tuweb/favicon.ico">

Este es el aspecto que presentara nuestra web cuando sea añadida a favoritos:

Ejemplo de icono personalizado

Sin lugar a dudas es una forma de hacer más llamativa nuestra web para los usuarios y darle una apariencia profesional.

Steven De Winter
Steven@micantabria.com
http://www.MiCantabria.com

Si te gustó, compártelo:

Contenido relacionado