Crear un favicon transparente con Photoshop
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!
