Como se agrega el icono?

txinotxo · #1 (**permalink**) 15/06/2007, 22:55

Si usan Mozilla Firefox, veran que las webs ponen muestran un icono cobre el title, justo en las pestañas del navegador. Si arrastras ese icono, creas un acceso directo a la pagino. Mi pregunta es, cómo se le añade el icono ese a un web?

Yaraher · #2 (**permalink**) 15/06/2007, 23:29

Ese ícono se le conoce como Favicon (Favorite Icon) y nace como una identificador de la página cuando la agregabas a tus favoritos. Sin embargo, algunos navegadores (si es que ya no todos) empezaron a usarlos también para identificar los tabs.

Para colocarlo, necesitas una imagen de 16x16 píxeles normalmente (también puedes utilizar 32x32) y agregando la línea:

<link rel="shortcut icon" href="tuIcono.ico" type="image/x-icon" />

Suerte!

Daniel Ulczyk · #3 (**permalink**) 17/06/2007, 00:26

Cita:

Iniciado por Yaraher

y agregando la línea:

<link rel="shortcut icon" href="tuIcono.ico" type="image/x-icon" />

Suerte!

Completo lo dicho oportunamente, para que nadie se pierda:
Para evitar malos entendidos por parte de cualquier browser,

el archivo debe llevar por nombre favicon.ico
debe estar en el raiz del sitio (en el mismo nivel que la página inicial: index.html, comúnmente).
y la etiqueta que cita Yaraher debe estar colocada entre los tags <head></head>