El archivo favicon.ico es el típico icono que veis en el navegador cuando visitáis una página web. Por ejemplo en este blog es una H azul.

Bueno, no siempre se ve este icono y depende del navegador que se utilice el que se vea o no.

Pero del lado del diseño de la página web, podemos asegurar totalmente que este icono se vea bien en los navegadores.

Para ello, editamos nuestra página web, y en la etiqueta head añadimos esto:

<link type=”image/x-icon” href=”http://dominio.com/favicon.ico” rel=”icon” />
<link type=”image/x-icon” href=”http://dominio.com/favicon.ico” rel=”shortcut icon” />

Donde aparece: http://dominio.com/favicon.ico debería ser la ruta completa de vuestro favicon.ico.


Noticias relacionadas:

  1. Favicon dinámico o estático
  2. Favicon2dots.com: Crear favicon con apariencia 3D
  3. Como crear un favicon dinámico
  4. Tu dominio con pelos y señales
  5. Cd autoarrancable

Este noticia ha sido creada el 1 febrero 2008 a las 7:09 en Internet, Programación, Trucos con las etiquetas , , , , , , , , , , , , , y si quieres puedes comentarla. Te agradecería mucho que la compartieras con tus amigos:


Si te ha gustado Asegurar 100% que se vea vuestro favicon.ico y esta web, puedes seguirla a través de Facebook, Twitter y también puedes recibir las nuevas noticias de la web en tu correo pincha en este enlace para darte de alta. Además también puedes seguir las noticias por RSS.

6 Comentarios a “Asegurar 100% que se vea vuestro favicon.ico”

  1. 1.Herzeleyd Dijo:

    Hola, lo acabo de poner, pero cuando pongo el enlace al favicon.ico en un navegador, en vez de aparecer sólo la imagen aparece toda la página como si de una ruta dentro de mi página se tratara.
    No se si me explico.
    Debería aparecer sólo el icono cuando pongo la ruta ¿No?

  2. 2.Victor Dijo:

    Tendría que aparecer el icono junto con tu dirección web.

    Si quieres pega el código en el comentario y lo miramos.

    Un saludo.

  3. 3.Herzeleyd Dijo:

    He estado mirando en más sitios, y he visto que también puedo usar gif y he cambiado a esta forma por si las moscas.
    En el header, después del meta, he puesto:

  4. 4.Herzeleyd Dijo:

    anda, pues el código no aparece a ver:

  5. 5.Victor Dijo:

    Umm fíjate el el código de este blog y deberías de poder hacerlo.

    Un saludo.

  6. 6.Herzeleyd Dijo:

    Gracias, seguiré pegándome con el tema :D

    Un saludo ;)

Deja tu comentario

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.