Crear un favicon.ico para tu Web

Por el 4 de Agosto de 2006

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).

Características

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.

Cómo hacerlo

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”.

Modificar nuestro código HTML

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”

  • Entradas relacionadas:
  • No hay coincidencias

21 Respuestas a Crear un favicon.ico para tu Web

Avatar

Anónimo

7 de Agosto de 2006 a las 7:05 am

No hay ninguna otra aplicacion online para hacer nuestros iconos?

Avatar

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?

Avatar

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 ?

Avatar

Anónimo

17 de Enero de 2007 a las 10:16 pm

OK

Avatar

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

Avatar

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

Avatar

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.

Avatar

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)

Avatar

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)

Avatar

Anónimo

26 de Agosto de 2007 a las 12:23 pm

Avatar

Anónimo

4 de Noviembre de 2007 a las 7:59 am

Todo bien gracias

Avatar

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

Avatar

Anónimo

11 de Diciembre de 2008 a las 7:16 am

hola q rl?

Avatar

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.

Avatar

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

Avatar

Anónimo

8 de Junio de 2008 a las 1:02 am

y donde estan los ficheros?

Avatar

Anónimo

8 de Junio de 2008 a las 1:02 am

y donde estan los ficheros?

Avatar

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

Avatar

javier

18 de Junio de 2008 a las 5:31 pm

muchas gracias por la explicacion me sirvio mucho

Avatar

Anónimo

25 de Mayo de 2009 a las 3:28 pm

Solo subanlo a su ftp y se activa solo ..

Avatar

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 [...]

Dejar un comentario

Patrocinadores

¿Interesado en patrocinar TuFunción?

Suscripción

Primera División