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

Artículos relacionados

Apuntes librería JavaScript 3D Three.js Este fin de semana, y aprovechando las fiestas Navideñas, me he puesto a curiosear la librería Three.js Como normalmente tengo la cabeza casi llena de...
GroundWork CSS – 01 – Framework HTML5 ... El primero de los cuatro vídeos que he preparado para mostrar cómo utilizar el framework GroundWork para la creación de páginas web responsive. En est...
GroundWork CSS – 03 – Framework HTML5 ... Tercer de los 4 vídeos del tutorial de GroundWork, un framework para la creación de página web responsive. En este caso, veremos como crear botones de...
Cómo tratar los errores 404 Cuando mejoramos o actualizamos una web, nos enfrentamos a un problema muy común: Google ha indexado nuestras páginas, y ahora como las eliminamos ...

Deja un comentario

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

*