TuFuncion TuFuncion
Buscar
Crear un favicon.ico para tu Web

favicon.ico (FAVOrite ICON) es un icono, es decir, una pequeña imagen, que aparece en algunos navegadores junto a la dirección de una página web.

Es una imagen que los desarrolladores web incluyen en el sitio y aparece en la barra de direcciones, favoritos y bookmarks (en la mayoría de navegadores).

Características

El icono debe tener las siguientes características:

* Dimensiones 16 píxeles x 16 píxeles;
* 16 colores (4 bits);
* Formato ICO, no BMP, no GIF, no JPG.

En algunos navegadores puedes usar iconos mayores, con más colores y en otros formatos, pero si quieres que tu icono funcione correctamente, hazlo de 16×16, con 16 colores y en formato ICO.

Cómo hacerlo

Puedes conseguir un editor de iconos y crear tu icono a mano o puedes hacerlo a partir de una imagen con cualquier editor.

Pero sinceramente no te compliques la vida consigue la imagen que desees como “favicon” y utiliza este servicio que ofrece DynamicDrive.

* Tan sencillo como subir la imagen y clickear en “Create Icon”.

Modificar nuestro código HTML

Ahora modificaremos nuestro código fuente HTML para que los navegadores muestren el icono en la barra de direcciones. Es muy sencillo, sólo hay que poner un elemento LINK entre las etiquetas y de tus ficheros HTML, por ejemplo:

link rel=”shortcut icon” href=”http://www.tufuncion.com/favicon.ico”

arrow7 Responses

  1. 44 mos, 1 wk ago

    No entiendo que se debe colocar despues de HREF en el codigo HTML allí muestra el link de esta pagina estoy muy mareado esto me confunde ya he probado muchos codigos y me gustaria que alguien me explique realmente como es el codigo para que aparezca el FAVICON que a mi no me aparece, gracias de antemano.

  2. 44 mos ago

    Realmente con esta información es muy sencillo crear un favicon, de esta forma se le da un toque más personalizado a nuestro blog. Muchas gracias por este valioso aporte.

    Saludos!

  3. 44 mos ago

    Que buen tip!!!! gracias

  4. 43 mos, 3 wks ago

    Gracias!! que mejor dato!!
    y resulto !

  5. 43 mos, 3 wks ago

    Gracias por la explicación, me sirvió mucho :D

  6. ff
    43 mos, 2 wks ago

    ok excelente

  7. jose
    41 mos, 3 wks ago

    interesante y sensillo de implentar

Deja un comentario