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

Frameworks HTML5 Open Source para crear app/webs m... Listado de algunos Frameworks HTML5 Open Source por si os planteáis crear aplicaciones para móvil: Bootstrap Kendeo UI TopCoat Intel's App...
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...
Creación página web – Los pasos La creación de una página web profesional requiere unos pasos previos. Se puede optar por esas soluciones que anuncian en la TV de crea tu página en 1...
Optimización página web – Paso 1 – Val... Mientras creamos nuestra web, deberíamos seguir el formato HTML correcto a la hora de maquetarla. Seguir el formato estándar. Pero muchas veces nos ol...

Deja un comentario

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

*