Como crear iconos favicons
Friday, November 9th, 2007Los 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.
http://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
