Bienvenido, disfruta de los artículos y comenta cuanto quieras.
Encontrarás temas como posicionamiento, consejos, adsense, blogs y mucho más.

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

Si te gustó, difúndelo:
Botón de Ayuda Blogs

No te pierdas!

5 Respuestas para “Como crear iconos favicons”

  1. Anahi Says:

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

  2. Rogelio Says:

    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. Como crear un favicon.ico online con Genfavicon.com Says:

    […] icon” href=”/favicon.ico” /> pero si no sabes como hacerlo puedes leer este tutorial de TensaiWeb. Espero que les sea de utilidad. Saludos […]

  4. aromaterapia Says:

    Muy buena esta herramienta
    gracias
    saludos

  5. aliiniyaaa Says:

    eyy xabaleees kien tenga fotolog ke se pase por el mioo
    www.fotolog.com/tunolosabes_95 :razz:
    mee da paloo leerr esoo pero bueno yame aran uno jajaja

  6. Comentar