|Tutorial| Favicon

¿Quieres diseñar un sitio web? ¿Necesitas ayuda? Aquí puedes plantear tus dudas sobre HTML, PHP, MySQL, Flash... y todo lo que necesites para conseguir tus objetivos.

Moderadores: fabriciano, randy

|Tutorial| Favicon

Notapor randy » 12-02-2005 02:18

FAVICON

¿Que es Favicon?
Favicon es un Icono que aparece junto a la URL en la barra de direcciones. Aquí una muestra:
____________________________
Imagen

Cuando esta web se guarda en favoritos, esta queda con la imagen tambien. Muy util y atractivo.

¿Que nesecito para crearlo?


Un editor gráfico (puedes usar el Paint si lo quieres bien sencillo) y un programa que guarde con la extension ".ico" (no es solo cambiarle la extension, sino que sea .ico) para ello puedes usar el Microangelo, puedes descargartelo gratuitamente desde aqui:
Código: Seleccionar todo
ftp://eclipsit.net/pub/download/mike559b.exe


¿Que condiciones debe cumplir el icono?

-Debe ser 16 píxeles x 16 píexeles (ni más, ni menos)
-16 colores (4 bits) (esto puede variar segun el navegador)
-Formato ".ico"

¿Como hacerlo?

Puedes hacer una imagen 16 px x 16px en el PAINT (u otro, como Photoshop) y lo guardas con la extension ".gif". Luego abres el ".gif" con el Microangelo, y sin tocar nada, lo guardas con la extension con el nombre de "favicon.ico"


Bien. Ahora, ¿como lo coloco en mi web?

Primeramente debes subir el favicon a algun hosting. Seria mejor que sea el mismo de tu web, en la misma raiz. Abrimos el index.html, index.htm, o el que sea que quieramos colocar el favicon, y entre las etiquetas <HEAD> y </HEAD>, colocamos
Código: Seleccionar todo
<link rel="shortcut icon" href="http://www.tudominio.com/favicon.ico">

Si deseas, tambén puedes ubicar el favicon en otra dirección. Si optas por esta ultima, el código debería ser así:
Código: Seleccionar todo
<link rel="shortcut icon" href="http://www.undominio.com/directorio/favicon.ico">


By Randy
______________________________________________

Si has seguido tal cual los pasos, nada debe funcionar mal. Ten en cuenta que hay navegadores que no soportan faviconos. A modo de ejemplo, yo uso Mozilla Firefoz 1.0 y los faviconos me andan de lujo ;)

Saludos
Avatar de Usuario
randy
Veterano
 
Mensajes: 258
Registrado: 31-05-2004 20:42
Ubicación: Uruguay




Volver a Diseño Web

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 0 invitados