Poner icono favicon a nuestra 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 favicon 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

Información relacionada

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*