Crear y Utilizar Favicon

14/01/2008
11:12 pm
unijimpe

Favicon (del ingles 'Favorites Icon') es una pequeña imagen asociada con un sitio web, esta imagen o icono se muestra en los navegadores junto a la dirección de un sitio web y que sirve para identificar de forma visual un determinado sitio web.

Crear un Favicon
Un favicon es un archivo con extensión .ico el cual es diferente al formato gif o bmp. Entonces el icono debe tener las siguientes características: dimensión de 16x16 pixels, 16 colores y estar en formato ICO.

Existe una infinidad de herramientas con las cuales puedes crear tus favicon entre las cuales podemos destacar:

Microangelo, completo set de herramientas para crear y editar favicon.
Icon Forge, otro editor sencillo de iconos.
KIconEdit, el editor de iconos de KDE.

También existen servicios online en donde puedes crear tu icono sin necesidad de tener un software instalado, entre las cuales podemos listar:

Insertar un Favicon
Una vez que tenemos el favicon para nuestro sitio web el siguiente paso es insertarlo, para ello es necesario una línea de código en el header de nuestro HTML.

<link rel="shortcut icon" href="http://tuweb.com/favicon.ico" />

Como pueden ver con unos pocos pasos pueden personalizar su web añadiéndole un elemento visual que ayudará a sus visitantes a identificarlos rápidamente.

Posts Relacionados

General, HTML

Total de Comentarios: 12

15/01/2008

2:25 am

buen dato man para hacer mi icono, pero ese icono es reconocido recien en internet explorer 7.0

15/01/2008

2:22 pm

también puedes crearlo desde photoshop, con mejor calidad en mi opinión, descargando el plugin de aquí

http://www.telegraphics.com.au/sw/dl.php3?file=ICOFormat-1.6f9-win.zip

16/01/2008

7:44 pm

¿Lo que dice Luis Enrique es cierto? Es decir… sé que esto se hace desde hace años, pero quizás este código en particular es el que solo funciona con Internet Explorer 7.0.

Bueno, quisiera saber eso. ¡Gracias!

21/01/2008

6:15 pm

bueno yo digo q pueden enviar y descargar informacion mejor de la q hay

16/05/2008

7:26 pm

Aqui teneis otro generador online gratuito

http://herramientas.recuweb.com/favicon/

Espero que os sirva

24/09/2008

12:02 am

[...] hemos comentado acerca de los favicons en Crear y Utilizar Favicon, pero este plugin además de administrar el favicon tradicional te permite configurar el icono a [...]

15/02/2009

5:47 pm

[...] Favicon Generator es una excelente y practica herramienta que nos permitirá crear fácilmente los archivos favicon que identifican a nuestros webs y de los cuales hemos comentado en Crear y Utilizar Favicon. [...]