Tanaceto y la Información

Siempre es preferible un final catastrófico a una catastrofe sin fin.

Cómo diseñar un favicon.ico y añadirlo en tu web

Posted by tanaceto en octubre 24, 2008

Para que la pestaña de nuestro navegador muestre una pequeña imagen de nuestra página web lo que se suele hacer es utilizar un archivo que se denomina por defecto favicon.ico

Existe una página web a la que siempre voy para diseñar mis favicon.ico:

Te muestra sobre la marcha el resultado de tus diseños y te permite subir imágenes que con mejor o peor fortuna reproduce.

Una vez tienes tu favicon.ico lo único que tienes que hacer es abrir el archivo index.html de tu página web e insertar dentro entre <head> y <head> esto:

<LINK REL=”SHORTCUT ICON” HREF=”http://nombrededominiodetuweb.loquesea/favicon.ico”>

Eso si pones el archivo favicon.ico en el directorio raíz de tu web. Si decides ponerlo en otro lado especifica la dirección (por ejemplo en la carpeta images)

6 comentarios to “Cómo diseñar un favicon.ico y añadirlo en tu web”

  1. Monserrat said

    hola!!! oye no puedo meter mi favicon a mi pagina en q parte en especifico devo meter el link en el index porq no me lo acepta o bueno no lo se meter, gracias

  2. luis said

    tienes que copiar el archivo a la carpeta de la template para la que quieres el favicon, en la misma donde veas el index.php

  3. Minerva said

    Hola.

    Utilizo Joomla 1.5 y no sé donde subir el favicon.
    Ayuda.

    • pablo said

      muy fácil. Tienes que entrar en la gestión de plantillas y editar el archivo “html”. Debes ponerlo al principio, dentro de (yo lo suelo poner justo antes del de cierre; fíjate bien. Una vez puesto ya te sale, pero tarda porque el navegador web (explorer, firefox) tiene guardado en su caché el antiguo favicon, y hasta que no lee el nuevo tienes que recargar la página unas cuantas veces o borrar el historial. Quien no haya entrado a tu página antes verá el nuevo favicon.

      Suerte

      • pablo said

        que cosas, no me deja hacer el símbolo “”. quería decirte que debes ponerlo en “head” (rodeado de esos dos símbolos de arriba). Qué cosas, interpreta que código y no me deja publicarlo en wordpress.. gracioso

      • pablo said

        que fuerte, no me deja hacer ese símbolo, el que está a la izquierda de la z. Que caña.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: