en: Sin categoría
favicon.ico (FAVOrite ICON) es un icono, es decir, una pequeña imagen, que aparece en algunos navegadores junto a la dirección de una página web.

Es una imagen que los desarrolladores web incluyen en el sitio y aparece en la barra de direcciones, favoritos y bookmarks (en la mayoría de navegadores).
El icono debe tener las siguientes características:
* Dimensiones 16 píxeles x 16 píxeles;
* 16 colores (4 bits);
* Formato ICO, no BMP, no GIF, no JPG.
En algunos navegadores puedes usar iconos mayores, con más colores y en otros formatos, pero si quieres que tu icono funcione correctamente, hazlo de 16×16, con 16 colores y en formato ICO.
Puedes conseguir un editor de iconos y crear tu icono a mano o puedes hacerlo a partir de una imagen con cualquier editor.
Pero sinceramente no te compliques la vida consigue la imagen que desees como “favicon” y utiliza este servicio que ofrece DynamicDrive.

* Tan sencillo como subir la imagen y clickear en “Create Icon”.
Ahora modificaremos nuestro código fuente HTML para que los navegadores muestren el icono en la barra de direcciones. Es muy sencillo, sólo hay que poner un elemento LINK entre las etiquetas
y de tus ficheros HTML, por ejemplo:link rel=”shortcut icon” href=”http://www.tufuncion.com/favicon.ico”
21 Respuestas a Crear un favicon.ico para tu Web
Anónimo
7 de Agosto de 2006 a las 7:05 am
No hay ninguna otra aplicacion online para hacer nuestros iconos?
Anónimo
18 de Septiembre de 2006 a las 3:41 pm
No se pueden ver los favicones que creo por este mí©todo en IE7 ¿cuál es el motivo?
Anónimo
22 de Diciembre de 2006 a las 10:41 am
funciona perfectamente, coloca el codigo en el head entre < y /> :
el programa de DynamicDrive funciona de putissima madre.
saludos
crazy Rodolfo
PD: te has fumado un porro ?
Anónimo
17 de Enero de 2007 a las 10:16 pm
OK
juan
29 de Marzo de 2007 a las 6:42 pm
hola.
funciona perfectamente, coloca el codigo en el head entre < y /> :
he probado pero no funciona , me puede dar mas detalles.
gracias
LUIS
5 de Abril de 2007 a las 8:54 pm
HOLA YO QUISIERA QUE ME EXPLICARAN COMO
DONDE PEGO EL CODIGO O QUE NO SE QUE ASER PODRIAN DECIRME
Darko
22 de Julio de 2007 a las 10:53 pm
Por desgracia, para las personas que utilizan el IE7, tendrán una serie de problemas al querer poner un “favicon”, si ellos mismos lo quieren hacer, en mi experiencia yo los hacia con fireworks de macromedia, con formato bmp, o png con transparencia, de 16 X 16, con profundidad variable, y solo cambiaba la extensión del archivo a .ico y funcionaba excelente en firefox, en realidad, este navegador te acepta hasta gif animados sin cambiar la extensión, pero cuando me di cuenta de que IE7 se mostraba bastante rígido, decidí investigar, resulta que este explorador solo acepta .ico con formato “original de icono” con 32 X 32 y 32 en profundidad de bits, no mas ni menos (según se), no formato gif, bmp, png, ni uno otro, bueno, por desgracia, las normas de este explorador son un poco rígidas, lo mejor que hay que hacer es utilizar el servicio online o un programa para convertir imágenes a iconos, hasta ahora no e podido encontrar otra solución, como utilizar herramientas simples como paint de windows, (de ese modo comencé a fabricar mis iconos).
Ojo: por cierto, que si crean su icono online, y quieren probarlo en IE7, y no les da a pesar de que hicieron todo “correcto” para que el explorador lo mostrara, pues una solución que deben tener en cuenta es que borren el historial y los archivos temporales de Internet, porque si no, tarda en mostrar el icono, incluso hasta en días, cada vez que prueben algo en IE nuevo, siempre borro el historial; consejo de de un buen Amigo.
Darko
22 de Julio de 2007 a las 11:05 pm
Perdón luis, olvide tu respuesta, solo tienes que pegar entre las etiquetas
y de tu pagina este codigo:donde “http://www.dominio.com” es la dirección que contiene al icono, y “nombreicono” el nombre del icono más “.ico”, (normalmente se utiliza “favicon” como nombre del icono)
Darko
22 de Julio de 2007 a las 11:22 pm
Perdón luis, olvide tu respuesta, solo tienes que pegar entre las etiquetas y de tu pagina este codigo:
entre < y >
link rel=”shortcut icon” href=”http://www.dominio.com/nombreicono.ico”
donde “http://www.dominio.com” es la dirección que contiene al icono, y “nombreicono” el nombre del icono más “.ico”, (normalmente se utiliza “favicon” como nombre del icono)
Anónimo
26 de Agosto de 2007 a las 12:23 pm
visita:
http://tools.dynamicdrive.com/favicon/
Anónimo
4 de Noviembre de 2007 a las 7:59 am
Todo bien gracias
Recuweb
16 de Mayo de 2008 a las 8:35 pm
Aqui teneis un generador online gratuito que funciona perfectemente.
http://herramientas.recuweb.com/favicon/
Espero que os sirva
Saludos
Anónimo
11 de Diciembre de 2008 a las 7:16 am
hola q rl?
Sab
4 de Marzo de 2009 a las 7:09 am
Me podrían explicar dónde se coloca el código para que aparezca el favicon?? ya que el archivo .ico ya lo subí al server pero no sé dónde se pone el código que mencionan antes del nombre de la página web.
gabymelove
22 de Noviembre de 2008 a las 3:00 pm
en mi foro solo sale para poner el link del favicon sin necesidad de modificar el html, pero como lo subo a internet? recomiendenme una pagina para subir iconos y q me de el link… porfavor
Anónimo
8 de Junio de 2008 a las 1:02 am
y donde estan los ficheros?
Anónimo
8 de Junio de 2008 a las 1:02 am
y donde estan los ficheros?
Marioxy
20 de Septiembre de 2008 a las 12:08 pm
ya cree el favicon pero no entiendo como colocarlo en mi blog, lo del explorador no es problema porque trabajo con mozilla, se que s un fastido pero me podrian explicar paso a paso, como si fuera una niña de guarderia¡¡¡¡¡¡¡¡¡¡
POR FAVORRRRRRRRRR
javier
18 de Junio de 2008 a las 5:31 pm
muchas gracias por la explicacion me sirvio mucho
Anónimo
25 de Mayo de 2009 a las 3:28 pm
Solo subanlo a su ftp y se activa solo ..
Crear un Favicon para tu Web « Okupaos.es
11 de Marzo de 2010 a las 4:35 am
[...] Pero sinceramente no te compliques la vida consigue la imagen que desees como “favicon” y utiliza este servicio que ofrece DynamicDrive. Fuente: http://www.tufuncion.com/favicon_iconos_ico [...]