November 9, 2007

Como crear iconos favicons

Los iconos llamados favicons son imágenes pequeñas de 16×16 pixels generalmente con extensión .ico . Son usados para acompañar a las direcciones urls en los browsers, aunque también sirven cuando guardas una página en tus favoritos o marcadores.
Crear un favicon es muy sencillo por su tamaño.

Crear un favicon desde cero

Si te gustaría hacerlo personalmente pixel x pixel, te recomiendo Favicon.ico Generator. De esta manera puedes poner en práctica tus habilidades artísticas. Te da todo, paleta de colores, borrador, 16×16=256 cuadritos para que le asignes a cada pixel el color que quieras y una previsualización conforme lo vas haciendo. Yo hice el mío así.

Hacer el favicon a partir de una imagen

Para esto también hay herramientas online:
Favicons from pics y Favicon Creation Tool.
Ambos te permiten crear un favicon a partir de una imagen que subas desde tu pc, ademas puedes escoger si será animada o estática e incluir un texto para que se desplace junto con tu imagen.
favicon animado sapohttp://tensaiweb.info/blog/
Si pruebas subir una imagen y no te produce nada, prueba con la otra web, ya que no especifican las extensiones que aceptan, ni los tamaños maximos. Aunque se supone que mientras más pequeñas la imágenes, mejor.

Colocar el favicon

Se coloca entre <head> </head> los siguientes tags html.
<link rel=”shortcut icon” href=”url_donde_se_guarda_el_icono/favicon.ico” >
para el favicon estático
y
<link rel=”shortcut icon” href=”url_donde_se_guarda_el_icono/favicon.ico” >
<link rel=”icon” href=”url_donde_se_guarda_el_icono/animated_favicon1.gif” type=”image/gif” >
para el animado

Términos relacionados:

crear iconos online crear icono web crear favicon animado favicon animado crear iconos web tamaño icono web hacer iconos online crear icono online crear un favicon animado