Como crear un favicon.ico online con Genfavicon.com

............................................................................................................................

Un favicon es la imagen que aparece en la barra de direcciones de nuestro navegador cuando visitamos una página web. Si la página no tiene creado un favicon se muestra el favicon por defecto (una hoja en blanco en firefox).

Para añadir un favicon a nuestro blog o página web no basta con subir una imagen y enlazarla. La imagen debe tener una extensión del tipo .ico y para crear un favicon.ico a partir de una imagen lo más fácil es hacerlo de forma online, ya que podrás crear tu favicon en un minuto sin tener que instalar nada en tu ordenador.

Existen varias utilidades para crear un favicon.ico de forma online, como puede ser FavIcon Generator que es el que utilizo yo normalmente o por ejemplo Genfavicon que es el que veremos hoy.

Nos centraremos en Genfavicon y no en FavIcon Generator porque este último solo está en inglés y además no permite editar la zona de la imagen que quieres convertir en un favicon. Yo lo utilizo porque es extremadamente rápido, subes una imagen pinchas en “Create Icon” y a descargar tu favicon. Sin embargo Genfavicon aun siendo también muy rápido, está en español, es gratis y te permite elegir que zona de la imagen quieres convertir en un favicon. Veamos como hacerlo:

1º) Lo primero será dirigirnos a Genfavicon. Una vez allí fíjate en el primer recuadro (de color naranja) llamado “Seleccionar la imagen”. Puedes elegir entre usar una imagen ya alojada en una página web o subirla directamente de tu disco duro. Para usar una imagen que está en La Red debes introducir su URL en el casillero que aparece bajo “Indique la URL de la Imagen”. Para subir una imagen desde tu ordenador pincha en el botón “Examinar” y búscala en tu disco duro. En cualquiera de los dos casos cuando la tengas pincha en “Subir Imagen”.

2º) Ahora fíjate que tu imagen aparecerá arriba a la derecha cubierta por una región sombreada. Modifica esta región, actuando sobre los cuadraditos que aparecen por su periferia, para elegir la zona de la imagen subida que quieres transformar en favicon.

3º) Cuando hayas terminado debes elegir el tamaño de tu favicon. Para hacerlo fíjate en el segundo recuadro (de color verde) y selecciona 16×16 (tamaño normal de un favicon en la barra de direcciones). Después pincha en el botón “Captura & Previsualización”.

4º) Ahora en el tercer recuadro (de color azul) podrás ver como queda el favicon. Si no estás satisfecho con el resultado repite los pasos anteriores. Si te gustó como quedó pincha en “Descargar Favicon”.

Y con eso ya tendrás tu favicon creado, solo te queda subirlo a tu página e insertar el código necesario para que se visualice correctamente. Normalmente bastará con incluir esta línea en la cabecera de tu página <link rel=”shortcut icon” href=”/favicon.ico” /> pero si no sabes como hacerlo puedes leer este tutorial de TensaiWeb. Espero que les sea de utilidad. Saludos avinagrados.

Publicado el 02 - 02 - 2008 en Informática, Software y Hardware, Manuales paso a paso

   Hay 12 comentarios sobre “Como crear un favicon.ico online con Genfavicon.com”

• Rogelio ha comentado:
  02 - 02 - 2008 [3:21 pm]

  Gracias por la mencion, aparentemente todos los dias aparecen herramientas para crear iconos XD

  
  
  
• Enlaces 02-02-2008 | Sigo Blogueando ha comentado:
  02 - 02 - 2008 [4:03 pm]

  [...] Como crear un favicon.ico online con Genfavicon.com. Una herramienta para crear un icono favicon. [...]

  
  
  
• Lordvader ha comentado:
  02 - 02 - 2008 [8:30 pm]

  El favicon yo lo considero muy importante, todo el mundo debería de ponerselo.

  
  
  
• Tijeran ha comentado:
  03 - 02 - 2008 [3:31 am]

  Buen tutto como siempre, pero no es posible cambiar la extension de un gif a ico? y por cierto es verdad que los exploradores de ahora leen tamb .png?

  
  
  
• Como poner un favicon en tu sitio | Blog de Nymphetamine ha comentado:
  03 - 02 - 2008 [4:10 am]

  [...] estos tres sitios, Favicon from Pics, Dynamic Drive Favicon Generator, y visitando el Blog de Vinagre Asesino encontre esta URL tambien Genfavicon.Estos tres sitios funcionan similar: subes una imagen de tu PC [...]

  
  
  
• Maty ha comentado:
  04 - 02 - 2008 [8:12 pm]

  Muy bueno el tutorial, justo necesitaba cambiar el favicon que tengo ahora. Lamentablemente lo tendré que hacer en .ico, porque después a uno le da bronca cuando Microsoft no respeta los estándares pero después en su blog pone un favicon que solo puede ser leído por Firefox.
  Saludos

  
  
  
• Vinagre ha comentado:
  05 - 02 - 2008 [7:29 am]

  @Rogelio es verdad, hay montones de herramientas pero casi ninguna se diferencia de las ya existentes.

  @Lordvader es verdad. El favicon es muy importante como elemento diferenciador y de marca del blog.

  @Tijeran te refieres a png en el favicon? no lo sé pero en cualquier caso ten en cuenta que aún mucha gente usa IE6 y éstos no lo vería correctamente.

  @Maty ¿que te puedo decir de nuestro amado Microsoft?

  Saludos para todos.

  
  
  
• Dogguie y Xeduced. Dos formas de promocionar tu blog ha comentado:
  07 - 02 - 2008 [8:57 am]

  [...] Si quieres participar tendrás que escribir una entrada hablando de Xeduced.com y solicitar tu enlace en forma de favicon. Si no sabes lo que es un favicon o como hacer uno puedes leer “Como hacer un favicon online”. [...]

  
  
  
• Herramientas que más uso como Blogger ha comentado:
  07 - 02 - 2008 [9:01 am]

  [...] Como hacer un favicon online [...]

  
  
  
• Diseños 2.0 online y gratis | ha comentado:
  07 - 02 - 2008 [12:31 pm]

  [...] segundo lo tomaré prestado con el permiso de vinagreAsesino. Con el podremos crear nuestro favicon a partir de  una imagen en nuestro pc.  El proceso es [...]

  
  
  
• javi ha comentado:
  23 - 02 - 2008 [10:41 pm]

  Pues no va bien para las aplicaciones, el formato que crea no es compatible

  
  
  
• Rob ha comentado:
  08 - 04 - 2008 [8:06 pm]

  También hay otras webs que permiten crear tu propio favicon he incluso modificarlo después como si fuera una especie de “paint”.

  Os dejo aquí el enlace por si puede ser de utilidad: http://faviconstore.com

  
  
  

   Deja tu comentario