Un espacio para los entusiastas del web

¿Por qué es importante que tu página web tenga favicon?

Publicado el 2 de Marzo, 2009

Favicon Maestros del WebEl “favorite Icon” o favicon como lo conocemos es una imagen que los diseñadores y desarrolladores de sitios web incluir en los sitios para que sirva de icono en la barra de dirección y pesatañas de los navegadores. Descubre por qué es importante usar tan pequeño detalle en tus grandes proyectos.

Cuando navegamos por internet abrimos hasta 20 pestañas al mismo tiempo, los usuarios nos llenamos de información y links por todos lados. Pero lo que nos permite identificar el contenido de cada pestaña es un pequeño icono llamado favicon que aparece junto al nombre del sitio. Este favicon cumple dos principales funciones: la de identificar el sitio y posicionarse en la mente del usuario.

La importancia del favicon está ligado con la usabilidad para la usuario, porque con un simple icono puedo reconocer la página. El tamaño ideal de un favicon es de 16 x 16 pixeles, con extensión .ico de preferencia se recomienda que el icono sea el logotipo que identifique tu proyecto para que la gente se familiarice con él y se posicione.

Generadores de Favicon

faviconesPara diseñar el favicon algunos desarrolladores utilizan Microangelo, The Gimp o KIcon Edit pero si andas en busca de más opciones, estas son algunas en línea que te permiten crear un favicon de forma muy sencilla.

  • Favicon: una herramienta muy fácil de utilizar que te permite importar una imagen o crear un nuevo diseño con una vista previa automática de tu favicon.
  • 256pixels: una herramienta que te permite crear tu favicon pixel por pixel con vista previa.
  • Favicontool: te permite crear tu favicon a través de subir una imagen predeterminada de cualquier tamaño y dimensión.
  • Webscriptlab: te permite generar un favicon en dos tamaños 16 x 16 y de 32×32 subiendo una imagen.
  • Favicongenerator: te permite crear tu favicon en tan sólo 5 pasos y una imagen.
  • Dagondesign: sube una imagen de 16 x 16 en cualquier formato y tendrás listo tu favicon en un paso.
  • Favicon: crea tu favicon en 3 diferentes tamaños.

Si lo que buscas es inspiración para crear tu favicon te recomiendo que veas los 88 favicons populares y los 6 recursos para crear favicons publicados por Site Point, estoy segura que encontraras muchas referencias para crear el tuyo. El favicon además de cumplir con la función de identificar tu página con un pequeño icono, también denota profesionalismo, en la actualidad todas las páginas profesionales lo tienen.

Finalmente me gustaría conocer la importancia que consideras tienen el favicon en una página web. ¿Tu página web tienen favicon? ¿Realmente te sirve de algo el pequeño icono? ¿Qué otras funciones le encuentras?

¿Te gustó?

¡Sí, me gusta! Le ha gustado a 13 personas
Loading ... Loading ...

Stephanie Falla ArocheStephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Comentarios

  1. el favicon es representativo de cada página, incluso lo encontramos al guardar la página en favoritos y es más facil encontrala ya que en mi caso tengo 100 0 200 paginas agregadas y de esas la mitad no tienen favicon lo cual hace mas tardada la búsqueda…

    Y además de profesional debemos de aceptar que una página con favicon se ve “fashion” ya que representa que se cuidan hasta los más pequeños detalles ;)

    Para hacer el favicon basta con que tomes el logo de tu compañía y lo hagas iconito y si no tienes logo… toma algo que te represente, por ejemplo en electrorichard.com tengo un pequeño rayito jeje

    Saludos

    Responder
  2. deftoneg

    naaaaa yo para hacer el mio utilice photoshop y lo guarde como png y luego le cambie la extencion a ico y listo, eso si, agregando el codigo a los encabezados de las paginas para que cargue y listo.
    Como dice el articulo es muy importante y le da cierto realce al sitio pues aunque no se mencione da un detalle mas para quien conoce del tema, por ejemplo, si entro a un portal que fue creado o es una plantilla de joomla muchos no se dan cuenta del favicon y ahi con eso los cachas de que su sitio es plantilla de joomla.

    Responder
  3. darkj

    Si no conozco la marca, que tenga un icono o no al final no me sirve de mucho.

    Tampoco creo que sea tan facil crear un icono, lo mismo que no es facil crear un logo.

    ¿Otras utilidades? Quitar el error 404 de los logs.

    Responder
  4. Yo pongo sin falta a todas mis webs su correspondiente favicon, una página sin ese iconito en la pestaña pone en evidencia a un diseñador/programador al que todavía “le falta un hervor” en esto de las webs

    Responder
  5. Otra cosa: que horribles esas webs que muestran el favicon de Joomla :D

    Responder
  6. ¿Tu página web tienen favicon?

    Algunas si y otras no.
    ¿Realmente te sirve de algo el pequeño icono?

    De identificación y de estilismo.

    ¿Qué otras funciones le encuentras?

    El darle un toque elegante a la pagina.

    Saludos y espero que te sirvan mis opiniones.

    Responder
  7. Creo que el favicon es tan importante como el avatar para alguien que trabaja y vive de/por/para Internet, es como una identidad personal

    En mi Blog personal mi favicon es mi avatar xD

    Responder
  8. Oppsss…. creo que debo ponerle el favicon a mi sitio ahora mismo o_O

    saludos

    Responder
  9. Buen articulo, me sirvio bastante

    Alguien sabe acerca del screenshot que muestra Alexa de las paginas web? mi sitio es en Joomla pero no logro que alexa tome el screenshot de mi pagina

    Responder
  10. La verdad siempre me habría preguntado sobre la funcionalidad del favico, y ahora me has respondido a mis dudas. Por el momento tengo mi blog en blogger pero más adelante lo tendré en wp como además otros proyectos que estoy realizando.

    No solo para mis proyectos en wp incluiré los favicon, además lo haré en los sitios que he realizado.

    Gracias por está información y te cuento que asistiré a Bercamp.

    Saludos.

    Responder
  11. Muy bueno la lista de herramientas! (Y)

    Responder
  12. Jejeje.. el favicon de Joomla lo he visto siempre en todos lados!
    Bueno a mi me gusta el favicon, le da un toque especial, y de alguna u otra forma creo que te ayuda con la publicidad de tu web, ahora el que no lo tiene como que le falta algo. Y me alegro tambien de que IE haya agregado este cuento a su ‘browser’.. algo bueno que tenga jaja..

    En mi web tengo favico.

    Saludos

    Responder
  13. Jajaja, truco, muchas webs tienen Joomla, como saberlo, por su favicón.

    Saludos

    Responder
  14. Raul

    El favicon también es importante para algunos servicios web, por ejemplo, con Faviconiac.com obtienes el favicon de una web en PNG pasándole el dominio (<img src=”http://www.faviconiac.com/favicon/maestrosdelweb.com/”). También hay un addon para Firefox que muestra los faviconos de las webs (https://addons.update.mozilla.org/es-ES/firefox/addon/10618). Poner siempre favicon! ;)

    Responder
  15. y al final, no estan dificil crearlo, ni implementarlo…

    Responder
  16. Luis Assardo

    Un sitio sin favicon no tiene identidad. Es una entrada visual que captura e identifica, diferencia y marca.

    Gracias, buena info.

    Responder
  17. Corrección “Distriker”…un sitio hecho en Joomla! también puede tener un favicon personalizado, por lo menos usando versión 1.5.10, saludos.

    Magdiel Reyes

    Responder
  18. Yo lo coloque en uno de mis sitios y quedó joya. Leda a la pagina un aire corporativo.

    Responder
  19. no me importa lo que se diga aqui lo unico quew me importa es que me ayuden por favor te lo pido de todocorazonyo no quisiera pedir pero lanecesidad tiene cara de perro y no quisiera que esto mismo le pase a mis hijos pero no los quiero poner a aguantar hambre yo lo pido por que noquisiera robar lo unicxo que he echo es putiarme y mandar a mis hijos a vender confites en los buses pero nada mas bueno por si me quieren ayudar llamemen al 2127593 o si se qieren acostar con migo busquemen en guayaquil donde yo me mantengo o pregunteles a algunos demis hijos cuando esten en los buses bueno si me quieren ayudar me lllaman al 2127593 graciasde todo corazon

    Responder
  20. bueno si me quiren a yudar conmi morcillita y con mis tamales llenos de pelos y arina vencida y carne rancia y pollo crudo ceboola y tomate podrido llamemen al 2127593 o me pueden encontrar en una esquina de la veracruz y si me compra el quilo me moscilla lo a acompaño a la piesa pero se tiene que a feictar y medicelo y si m compra todo lo quellevo me quedo todo el dia y la noche con ucted bueno chao y ya saben donde me encuentran y el kilo de morcilla es a 10.000 y sin rebaja yasaben si me las compran todas yasaben lo que les hago bueno chao ya saben mi telefono es 2127593 bueno a hora si chao

    Responder
  21. Deli

    Gente,

    Pooorque no puedo grabar mas los favicons, sin pasar por marcadores???? Si antes los arrastraba (al favicon) al escritorio y seguia teniendo el icono de la página, ahora ya fue.. probe en ff, ie, ch, saf?? Alguien que me tire una punta, es una cosa del registro?? No cambie de Os ni nada, simplemente, no me guarda el favicon….. buaaaaaaa

    Responder

Deja tu Comentario

Maestros del Web se reserva el derecho de moderación de los comentarios. Evita utilizar palabras soeces, ataques directos, descalificativos, insultos, de lo contrario tu comentario será eliminado.



Acerca de

Maestros del Web nace cuando intentamos traducir Webmaster al Español. Nacimos orientados al diseño y desarrollo web. Hoy somos un espacio de apoyo para los entusiastas que participan en proyectos en la red.
Leer más de Maestros del Web