Poner un favicon

Cargando..
Una pequeña entrada para explicar como poner un "favicon".

Esta palabreja se utiliza para denominar la imagen que en cierta forma identifica una web con un logo sencillo y que aparece en la barra de direcciones de una web, al añadirlo a favoritos (o marcadores) y en las pestañas de las distintas ventanas abiertas con el navegador.

Si quereis colocar esta utilidad en vuestro espacio, lo tenis fácil con dos sencillos pasos.

1. Construir una imagen de 16x16 pixels y alojarla.

Para ello, servirá cualquir programa de dibujo. No hay que complicarse con la imagen, porque 256 pixels no dan mucho de sí. Observar los iconos de páginas comerciales y vereis que son motivos muy sencillos.

Después la subís a cualquier espacio de alojamiento de imágenes y tomais nota de la URL (CTRL+C también vale...)

2. Después editais vuestra plantilla y después del <head>, justo antes de la etiqueta <title> copias estas dos líneas:

<link href='URLDELFAVICON' rel='icon' type='image/gif'/>
<link href='URLDELFAVICON' rel='shortcut icon' type='image/gif'/>

En la etiqueta TYPE teneis que cambiar "GIF" por el tipo de archivo de que se trate: jpg, png, gif, etc.

Este sistema admite gif animados como éste que es el que aquí utilizamos.
Actualización: Según ha comprobado Chacien, para que el favicono se muestre bien en IE7 e IE8, lo mejor es que el fichero de la imagen sea con la extensión .ico. 
Publicado por Olomam
 

0 comentarios:

Publicar un comentario

Con la tecnología de Blogger.