¿Qué tamaño de icono debe incluir el ícono de mi aplicación de Windows?

Tengo una aplicación de Windows que se ejecutará en Windows XP y más reciente (es decir, Vista / 7). De acuerdo con las pautas de la interfaz de usuario de Vista , los tamaños estándar son 16×16, 32×32, 48×48, 256×256 (los tamaños estándar de XP no incluyen el icono de 256×256). Además de esos tamaños, también tengo 96×96 y 128×128 (y podría crear más).

¿Cuál de estos íconos debo incluir? ¿El caparazón realmente usará los tamaños “no estándar” o simplemente hincharé mi aplicación?

Me tomé un tiempo para verificarlo en detalle. Creé un ícono cuyas imágenes tienen tamaños de 16, 24, 32, 40, 48, 64, 96, 128 y 256. Luego verifiqué qué imagen se muestra. Todo esto se hizo con 96dpi normales. Si usa un DPI más grande, se pueden usar los tamaños más grandes (solo se verificó un poco en Windows 7). Los resultados:

Windows XP:

  • Vistas del explorador:
    • Detalles / Lista: 16
    • Iconos: 32
    • Azulejos / Miniaturas: 48
  • Haga clic derecho-> Propiedades / eligiendo un nuevo icono: 32
  • Área de inicio rápido: 16
  • Escritorio: 32

Windows 7:

  • Vistas del explorador:
    • Detalles / Lista / Pequeños símbolos: 16
    • Todas las otras opciones: 256 (redimensionado, si es necesario)
  • Haga clic derecho-> Propiedades / eligiendo un nuevo icono: 32
  • Fijado en la barra de tareas: 32
    • Menú contextual: 16
  • Escritorio:
    • Pequeños símbolos: 32
    • Símbolos medios: 48
    • Símbolos grandes: 256 (redimensionado, si es necesario)
    • Uso del zoom utilizando la rueda Ctrl + Mouse: 16, 32, 48, 256

Windows Runtime: ( desde aquí )

  • Azulejo principal: 150×150, 310×150 (versión ancha)
  • Pequeño logo: 30×30
  • Insignia (para pantalla de locking): 24×24, monocromático
  • Splashscreen: 620×300
  • Tienda: 50×50

Entonces, el resultado: Windows XP usa icons de 16, 32, 48, mientras que Windows 7 (y presumiblemente también Vista) también usa icons de 256 tamaños. Todos los demás íconos intermedios son ignorados ( pueden usarse en algún área que no revisé).


También verifiqué en Windows 7 qué sucede si faltan los tamaños de los icons:

Los tamaños faltantes se generan (obviamente). Con tamaños de 16, 32 y 48, si falta uno, se prefiere la reducción a escala. Entonces, si tenemos icons con tamaño 16 y 48, el icono 32 se crea a partir del icono 48. El icono 256 solo se usa para estos si no hay otros tamaños disponibles. Entonces, si los icons son del tamaño 16 y 256, ¡los otros tamaños se escalan desde el icono 16!

Además, si el icono 256 no está allí, se usa el icono (posiblemente generado) 48, pero no se vuelve a cambiar el tamaño. Entonces tenemos un área vacía (posiblemente grande) con el icono 48 en el medio.

Tenga en cuenta que el tamaño del icono del escritorio por defecto en XP era de 32×32, mientras que en Windows 7 era de 48×48. Como consecuencia, para Windows 7 es relativamente importante tener un icono de 48. De lo contrario, se actualiza desde un icono más pequeño, que puede parecer bastante feo.


Solo una nota sobre la compatibilidad con Windows XP: si reutilizas el ícono como ícono de ventana, ten en cuenta que esto puede bloquear tu aplicación si usas un ícono de 256 comprimido. La solución es no comprimir el icono o crear una segunda versión sin el icono (comprimido) 256. Mira aquí para más información.

Después de algunas pruebas con un ícono con 8, 16, 20, 24, 32, 40, 48, 64, 96, 128 y 256 píxeles (256 en PNG) en Windows 7:

  • Con una resolución del 100%: Explorer usa 16, 40, 48 y 256. Windows Photo Viewer usa 96. Paint usa 256.
  • Con una resolución del 125%: Explorer usa 20, 40 y 256. Windows Photo Viewer usa 96. Paint usa 256.
  • Con una resolución del 150%: Explorer usa 24, 48 y 256. Windows Photo Viewer usa 96. Paint usa 256.
  • Con una resolución del 200%: Explorer usa 40, 64, 96 y 256. Windows Photo Viewer usa 128. Paint usa 256.

Así que 8, 32 nunca se usaron (es extraño para mí para 32) y 128 solo para Windows Photo Viewer con una pantalla de dpi muy alta, es decir, almot nunca se usó.

Significa que su icono debería al menos proporcionar 16, 48 y 256 para Windows 7. Para admitir pantallas más nuevas con resoluciones altas, debe proporcionar 16, 20, 24, 40, 48, 64, 96 y 256. Para Windows 7, todas las imágenes se pueden comprimir utilizando PNG, pero para compatibilidad con versiones anteriores de Windows XP, 16 a 48 no se deben comprimir.

La guía de icons de Microsoft UX dice:

“Íconos de aplicación y elementos del Panel de control: el conjunto completo incluye 16×16, 32×32, 48×48 y 256×256 (escalas de código entre 32 y 256)”.

Para mí, esto implica (pero no declara explícitamente, por desgracia) que debe suministrar esos 4 tamaños.

Detalles adicionales con respecto a los formatos de color, que también pueden serle útiles:

  • “Los archivos de icons también requieren versiones de paleta de 8 y 4 bits, para admitir la configuración predeterminada en un escritorio remoto”.

  • “Solo se debe incluir una copia de 32 bits de la imagen de 256×256 píxeles, y solo la imagen de 256×256 píxeles debe comprimirse [como PNG] para mantener el tamaño del archivo bajo”.

No 96×96, use 64×64 en su lugar. Usualmente uso:

  • 16 – botón de estado / barra de título
  • 32 – icono de escritorio
  • 48 – vista de carpeta
  • 64/128 – Tamaños adicionales

256 funciona también en XP, sin embargo, los comstackdores de recursos antiguos a veces se quejaban de errores de “falta de memoria”.

En el caso de Windows 10 esto no es exactamente exacto, de hecho, ninguna de las respuestas en stackoverflow fue, descubrí esto cuando traté de usar pixel art como un ícono y se volvió a escalar cuando no se suponía (era fácil para ver en este caso, la causa de las ventanas de interpolación y suavizado sí lo hace) incluso usé los tamaños de esta publicación.

Así que hice una aplicación e hice el trabajo en todos los ajustes de DPI, mira aquí:
Windows 10 todas las resoluciones de icons en todas las configuraciones de DPI
También puede usar mi aplicación para crear icons, también con la interpolación del vecino más cercano con suavizado, lo cual no se hace con ninguno de los editores malos que he visto.

Si solo quieres las resoluciones:
16, 20, 24, 28, 30, 31, 32, 40, 42, 47, 48, 56, 60, 63, 84, 256
y deberías usar todos los íconos PNG y todo lo que coloques al lado de estos no se mostrará. Ver mi publicación por qué.

(Respuesta actualizada para Windows 8/10)

Vea la lista completa de directrices y tamaños aquí, en las nuevas pautas de diseño de Windows: https://msdn.microsoft.com/en-us/windows/uwp/controls-and-patterns/tiles-and-notifications-app-assets#asset -Tipos

Todavía incluye el archivo .ICO con estos tamaños para admitir experiencias heredadas:

  • 16×16
  • 24×24
  • 32×32
  • 48×48
  • 256×256

De las recomendaciones de Microsoft MSDN :

Íconos de aplicación y elementos del Panel de control : el conjunto completo incluye 16×16, 32×32, 48×48 y 256×256 (escalas de código entre 32 y 256). El formato de archivo .ico es obligatorio. Para el modo clásico, el conjunto completo es 16×16, 24×24, 32×32, 48×48 y 64×64.

Así que ya tenemos tamaños recomendados estándar de:

  • 16 x 16,
  • 24 x 24,
  • 32 x 32,
  • 48 x 48,
  • 64 x 64,
  • 256 x 256.

Si queremos admitir una configuración de DPI alta, la lista completa también incluirá los siguientes tamaños:

  • 20 x 20,
  • 30 x 30,
  • 36 x 36,
  • 40 x 40,
  • 60 x 60,
  • 72 x 72,
  • 80 x 80,
  • 96 x 96,
  • 128 x 128,
  • 320 x 320,
  • 384 x 384,
  • 512 x 512.