Un favicon, es una pequeña imagen asociada a un sitio web en particular.

Los navegadores suelen mostrar el favicon de la página visitada, en la barra de direcciones y en los encabezados de las pestañas. Asimismo los utilizan para identificar las páginas, presentándolos junto a sus respectivos títulos, en las listas de marcadores o favoritos, en los historiales de páginas visitadas y de navegación reciente.

Un ejemplo de su uso es:

<link rel="shortcut icon" href="http://deckerix.com/favicon.ico" />

Para conseguir un favicon transparente con Photoshop, tendremos que seguir los siguientes pasos. En primer lugar nos tendremos que descargar e instalar el Plugin ICO para Photoshop CS3.

Posteriormente tendremos que seguir con estos pasos:

• Diseñar sobre fondo transparente el logo que quieras usar como favicon. Lo mejor es partir de una imagen 32×32 o 64×63 pixeles.
• Redimensionar tu imagen a 16 x 16 pixeles
• Cambiar la imagen al modo de color indexado. El modo Color indexado produce archivos de imágenes de 8 bits con un máximo de 256 colores.
• Exportar la imagen usando la opción “Guardar para web” de Photoshop.
• Guarda la imagen como gif. y cierra el fichero
• Re-abrir el fichero, y guardalo con la extensión “windows icon, ico”.

Con estos sencillos pasos ya tendriamos nuestro favicon transparente!

Fuente