moz screenshot Favicon Transparente con Photoshopfavicon ico samples2 Favicon Transparente con PhotoshopSeguro que como yo habeís notado que una paginas web tienen un Favicon transparente en evz del típico cuadro de 16×16.

Los pasos para conseguirlo con Photoshop CS3 son muy sencillos. El primer paso es de descargar e instalar el Plugin ICO para Photoshop CS3.

1. Diseña sobre fondo transparente el logo que quieras usar como Favicon. Lo mejor es partir de una imagen 32×32 o 64×63 pixeles.
2. Redimensiona tu imagen a 16 x 16 pixeles
3. Cambia 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.
4. Exporta la imagen usando la opción “guardar para web” de Photoshop.
5. Guarda la imagen como gif. y cierra el fichero
6. Re-abre el fichero, y guardalo como “windows icon, ico”. Ya esta, tienes un favicon transparente.

Si necesitas más información sobre los favicon te aconsejo la lectura de Mysteries Of The Favicon.ico — How To Create A Favicon In Photoshop

No related posts.