Crear un favicon transparente con Photoshop

Friday, January 14, 2011 13:39
Posted in category Diseño Web

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

You can leave a response, or trackback from your own site.

Leave a Reply