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

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...
HTML KickStart – Crea rápidamente webs De nuevo, otro framework para estructurar y crear rápidamente páginas web. Estamos hablando de HTML KickStart. Por el alto número de elementos que ofr...
GroundWork CSS – 04 – Framework HTML5 ... Último de los cuatro vídeos del tutorial para la creación de páginas web responsive con el framework GroundWork CSS. En este caso vemos como crear el ...
Medidas usuales de pantallas de ordenadores y móvi... Medidas pantallas de ordenador Pequeñas (portátiles y pantallas antiguas): 1024x600 Medianas: 1280x720 Grandes: 1400x900, 1600x1200 ... M...

Deja un comentario

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

*