Poner icono favicon a nuestra web

Veamos el proceso de poner el icono favicon en nuestra web. Le dará personalidad y la hará más visible en las pestañas y en favoritos de nuestro navegador web.

Favicon viene del inglés favorites icon. Si os fijáis en la barra de navegación, al lado del enlace de este blog, hay un pequeño icono ( nuestro logo ). Si se añade el blog a favoritos, en el listado saldría nuestro enlace y al lado el icono identificativo.

Muestra de favicon ( favorite icon )

Crear un icono favicon

Podemos crearlo con programas de diseño como Photoshop o Gimp. Los creamos con un tamaño de 16×16, a 16 colores y los grabamos en formato .ico

También podemos optar por aplicaciones online disponibles con las que podemos crearlos:

O convertirlos a partir de algún .jpg o .gif

Añadirlo a nuestra web

Una vez tenemos el icono favicon de nuestra web creado con las especificaciones comentadas, debemos modificar el código de nuestra página añadiendo dentro de las etiquetas ‘head’ el siguiente código:

<link rel=”shortcut icon” href=”http://www.undominio.com/directorio/favicon.ico”>

No hace falta que se llame favicon.ico, pero es una buena práctica dejarlo con este nombre. Por defecto los navegadores buscan este nombre para buscar el icono representativo ( sería el nombre por defecto )

Mas información

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

*