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

7 thoughts on “Como crear iconos favicons

  1. Como se coloca un favicon en la version nueva de blogger?? No consigo ver los links en la plantilla…

  2. En plantilla entras a Edicion de HTML, luego presionas Ctrl F y buscas “/head>”, en la linea anterior a esa es que debes pegar los tags de link rel=shorcut tal como esta indicado en esta pagina, indicando la direccion de icono.
    Espero se entienda.
    Saludos

  3. Pingback: Como crear un favicon.ico online con Genfavicon.com

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>