Como crear un favicon en Photoshop

Necesitas:
Photoshop CS o avanzado
Plugin: ICO (Windows Icon) Format http://www.telegraphics.com.au/sw/

1. Descarga e instala el plugin ICO (Windows Icon) Format para photoshop. Para instalarlo tienes que copiar y pegar el archivo de ICOFormat.8BI (que es para Windows) en la carpeta de Formatos de Archivo que esta en la carpeta de PlugIns del programa de photoshop

2. Abre el photoshop y crea tu imagen para el favicon. Los favicon deben tener una medida de 16x16 px pero para poder manipularlos mejor utiliza primero la medida de 64x64 px. Si ya tienes tu logo adaptalo a esa medida, recuerda que es muy pequeño asi que procura hacerlo la mas legible posible.

3. Cuando tengas lista tu imagen ve a tamaño de imagen y cambialo a 16x16. En el cuadro de diálogo donde dice remuestrear imagen elige la opción Bicúbica más enfocada y dale aceptar; esto es para que no quede difuso.

4. Ya teniendolo listo ve a guardar como y elige ICO (Windows Icon)(*.ICO) que es el plugin que descargaste anteriormente y ponle el nombre de favicon.ico

5. Sube a tu sitio el archivo de favicon.ico y para llamarlo tienes que poner el siguiente codigo en tu página:
<link rel="Shortcut Icon" href="/favicon.ico">
ó
<link rel="icon" href="/favicon.ico" type="image/x-icon">

ó ambos.

6. Dale refrescar... Algunos navegadores dejan ver el favicon hasta que los agregas a tus favoritos.

Y listo