El "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
Para 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?
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
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.
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.
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
Otra cosa: que horribles esas webs que muestran el favicon de Joomla 😀
¿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.
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
Oppsss…. creo que debo ponerle el favicon a mi sitio ahora mismo o_O
saludos
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
[…] ¿Por qué es importante que tu página web tenga favicon?www.maestrosdelweb.com/editorial/%C2%BFpor-que-es-importante… por Scipion hace pocos segundos […]
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.
Muy bueno la lista de herramientas! (Y)
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
Jajaja, truco, muchas webs tienen Joomla, como saberlo, por su favicón.
Saludos
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! 😉
y al final, no estan dificil crearlo, ni implementarlo…
Un sitio sin favicon no tiene identidad. Es una entrada visual que captura e identifica, diferencia y marca.
Gracias, buena info.
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
Yo lo coloque en uno de mis sitios y quedó joya. Leda a la pagina un aire corporativo.
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
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
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
Hola, estaba visitando y me encontre con este maravillos sitio web, me ha gustado el diseño y el esfuerzo y la dedicacion que hay en el, me gustaria hacer un intercambio de enlaces, esperare su respuesta, de antemano gracias.