Dise±ar iconos de barra de herramientas para Internet Explorer

1. DespuΘs de dibujar las imßgenes con un programa de grßficos, coloque las de 16 y 256 colores en dos archivos independientes.
2. Cada archivo debe tener como φndice la paleta correspondiente, ya sea la paleta de 16 colores de Windows o la de medio tono. Reserve un color especφfico para denotar transparencia.
3. Guarde cada archivo como un archivo .bmp.

A continuaci≤n se incluye un resumen de las imßgenes necesarias:

Icono de estado	Tama±o en pφxeles	Profundidad y paleta de colores	Borde	Apariencia	Ejemplo
Activo	20 por 20 pφxeles	Paleta de medio tono de 256 colores de Windows	Borde de estilo de icono: color en los bordes superior e izquierdo y color negro en los bordes inferior y derecho	Imagen en color Mßs sombreado y profundidad visual que la imagen de 16 colores Una fuente de luz desde la parte superior izquierda y sombreado donde proceda
	20 por 20 pφxeles	Paleta de 16 colores de Windows	Negro, excepto cuando un borde interfiera con la legibilidad del icono	Imagen en color Poco sombreado, apariencia plana
	16 por 16 pφxeles	Paleta de 16 colores de Windows	Negro, excepto cuando un borde interfiera con la legibilidad del icono	Imagen en color Poco sombreado, apariencia plana
Predeterminado	20 por 20 pφxeles	Paleta de medio tono de 256 colores de Windows	Borde de estilo de icono: tonos grises en los bordes superior e izquierdo y color negro en los bordes inferior y derecho	Imagen en escala de grises Mßs sombreado y profundidad visual que la imagen de 16 colores Una fuente de luz desde la parte superior izquierda y sombreado donde proceda
	20 por 20 pφxeles	Paleta de 16 colores de Windows	Negro, excepto cuando un borde interfiera con la legibilidad del icono	Imagen en escala de grises Poco sombreado, apariencia plana
	16 por 16 pφxeles	Paleta de 16 colores de Windows	Negro, excepto cuando un borde interfiera con la legibilidad del icono	Imagen en escala de grises Poco sombreado, apariencia plana

Aseg·rese de que las transiciones visuales entre las imßgenes predeterminada y activa del icono son suaves. Un sistema fßcil para comprobarlo consiste en crear capas separadas para las imßgenes predeterminada y activa en un programa de tratamiento de imßgenes fotogrßficas, de forma que pueda ver ambas imßgenes superpuestas.

Tendrß que crear dos archivos .ico para cada icono:

• El primer archivo .ico contiene las imßgenes activas (en color) para ambos tama±os y profundidades de color.
• El segundo archivo .ico contiene las imßgenes predeterminadas (en escala de grises) para ambos tama±os y profundidades de color.

Para crear los archivos .ico, se recomienda utilizar un programa de grßficos para dibujar los iconos y un entorno de desarrollo, como Microsoft Visual C++ Development Studio.

Ejemplo

Los dos archivos del icono Inicio contienen las siguientes imßgenes:

Estado activo	Estado predeterminado

1. Abra los archivos .bmp.
2. En el men· Archivo, haga clic en Nuevo y elija Icono. De forma predeterminada, la ventana de icono que se abre muestra una imagen de dispositivo estßndar de 32 por 32 pφxeles.
3. En la ventana Icono, haga clic en Nueva imagen de dispositivo. Haga clic en Personalizado y, despuΘs, cree estas imßgenes:
   • Una imagen de 22 por 20 pφxeles en 16 colores
   • Una imagen de 22 por 20 pφxeles en 256 colores
   • Una imagen de 18 por 16 pφxeles en 16 colores

   Nota

   • Las imßgenes de dispositivo son dos pφxeles mßs anchas que las imßgenes. Centre sus imßgenes en el ßrea de la imagen de dispositivo.
4. Elimine la imagen de dispositivo de 32 por 32 pφxeles predeterminada.
5. Copie y pegue las imßgenes en color desde los archivos .bmp a la imagen de dispositivo del tama±o y profundidad de color apropiados.
6. Para hacer el fondo transparente, seleccione el color transparente en la paleta de colores y rellene el fondo de cada imagen en la que desee obtener transparencia.
7. Guarde el archivo como un archivo .ico.

Para crear el archivo .ico predeterminado (en escala de grises), siga los mismos pasos.