change - ¿Qué tamaños de íconos debería incluir el ícono de mi aplicación de Windows?
windows 10 icons pack (7)
De las recomendaciones de Microsoft MSDN :
Iconos de aplicaciones y elementos del Panel de control : el conjunto completo incluye 16x16, 32x32, 48x48 y 256x256 (escalas de código entre 32 y 256). Se requiere el formato de archivo .ico. Para el modo clásico, el conjunto completo es 16x16, 24x24, 32x32, 48x48 y 64x64.
Así que ya tenemos tamaños estándar recomendados de:
- 16 x 16,
- 24 x 24,
- 32 x 32,
- 48 x 48,
- 64 x 64,
- 256 x 256.
Si nos gustaría admitir una configuración de alto DPI, la lista completa incluirá los siguientes tamaños también:
- 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.
Tengo una aplicación para 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 16x16, 32x32, 48x48, 256x256 (los tamaños estándar de XP no incluyen el icono de 256x256). Además de esos tamaños, también tengo 96x96 y 128x128 (y podría crear más).
¿Cuál de estos tamaños de iconos debo incluir? ¿El shell realmente utilizará los tamaños "no estándar", o simplemente inflaré mi aplicación?
Después de algunas pruebas con un icono con 8, 16, 20, 24, 32, 40, 48, 64, 96, 128 y 256 píxeles (256 en PNG) en Windows 7:
- A una resolución del 100%: Explorer usa 16, 40, 48 y 256. Windows Photo Viewer usa 96. Paint usa 256.
- A una resolución del 125%: Explorer usa 20, 40 y 256. Windows Photo Viewer usa 96. Paint usa 256.
- A una resolución del 150%: Explorer usa 24, 48 y 256. Windows Photo Viewer usa 96. Paint usa 256.
- A una resolución del 200%: Explorer usa 40, 64, 96 y 256. Windows Photo Viewer usa 128. Paint usa 256.
Por lo tanto, 8, 32 nunca se usaron (me resulta extraño para 32) y 128 solo para Windows Photo Viewer con una pantalla de ppp muy alta, es decir, casi nunca se usó.
Significa que su icono debe proporcionar al menos 16, 48 y 256 para Windows 7. Para admitir pantallas más nuevas con altas resoluciones, debe proporcionar 16, 20, 24, 40, 48, 64, 96 y 256. Para Windows 7, todos Las imágenes se pueden comprimir usando PNG, pero para la compatibilidad con Windows XP, no se deben comprimir de 16 a 48.
En el caso de Windows 10, esto no es exactamente exacto, de hecho, ninguna de las respuestas en lo fue. Descubrí esto cuando intenté usar pixel art como un icono y se volvió a escalar cuando no debía hacerlo (fue fácil Para ver en este caso, la causa de la interpolación y el suavizado de las ventanas sí lo hace) incluso si usé los tamaños de este artículo.
Así que hice una aplicación e hice el trabajo en todas las configuraciones de DPI, véala aquí:
Windows 10 todas las resoluciones de iconos en todas las configuraciones de DPI
También puede usar mi aplicación para crear iconos, también con la interpolación del vecino más cercano con suavizado, lo cual no se hace con ninguno de los editores incorrectos 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 debe usar todos los íconos PNG y cualquier cosa que ponga junto a estos no se mostrará. Mira mi post por qué.
La guía de iconos de Microsoft UX dice:
"Iconos de la aplicación y elementos del Panel de control: el conjunto completo incluye 16x16, 32x32, 48x48 y 256x256 (el código varía entre 32 y 256)".
Para mí esto implica (pero no declara explícitamente, desafortunadamente) que debe suministrar esos 4 tamaños.
Detalles adicionales sobre los formatos de color, que también pueden encontrar útiles:
"Los archivos de iconos 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 256x256 píxeles, y solo la imagen de 256x256 píxeles debe estar comprimida [como PNG] para mantener el tamaño del archivo hacia abajo".
Me tomé un tiempo para comprobarlo en detalle. Creé un icono 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 96 ppp normales. Si se 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 / elegir 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 demás opciones: 256 (redimensionado, si es necesario)
- Haga clic derecho-> Propiedades / elegir un nuevo icono: 32
- Pineado en la barra de tareas: 32
- Menú derecho: 16
- Escritorio:
- Pequeños símbolos: 32
- Símbolos medianos: 48
- Símbolos grandes: 256 (redimensionado, si es necesario)
- Zoom usando Ctrl + rueda de ratón: 16, 32, 48, 256
Tiempo de ejecución de Windows: ( desde aquí )
- Azulejo principal: 150x150, 310x150 (versión ancha)
- Logo pequeño: 30x30
- Placa (para pantalla de bloqueo): 24x24, monocromática.
- Pantalla de bienvenida: 620x300
- Tienda: 50x50
Entonces, el resultado: Windows XP usa 16, 32, 48 iconos de tamaño, mientras que Windows 7 (y probablemente también Vista) también usa 256 iconos de tamaño. Todos los demás tamaños de iconos intermedios se ignoran ( pueden usarse en un área que no verifiqué).
También verifiqué en Windows 7 qué sucede si faltan tamaños de iconos:
Se generan los tamaños faltantes (obviamente). Con tamaños de 16, 32 y 48, si falta uno, se prefiere la reducción de escala. Entonces, si tenemos iconos con el 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 íconos son de tamaño 16 y 256, ¡los otros tamaños se elevan de escala desde el ícono de 16!
Además, si el icono 256 no está allí, se usa el icono 48 (posiblemente generado), pero ya no se cambia su tamaño. Así que tenemos un área vacía (posiblemente grande) con el icono 48 en el medio.
Tenga en cuenta que el tamaño del icono de escritorio predeterminado en XP fue 32x32, mientras que en Windows 7 es 48x48. Como consecuencia, para Windows 7 es relativamente importante tener un icono 48. De lo contrario, se pasa de un icono más pequeño, que puede parecer bastante feo.
Solo una nota sobre la compatibilidad de Windows XP: si reutiliza el ícono como ícono de ventana, tenga en cuenta que esto puede bloquear su aplicación si usa un ícono de 256 comprimidos. La solución es no comprimir el icono o crear una segunda versión sin el icono 256 (comprimido). Vea here para más información.
No 96x96, usa 64x64 en su lugar. Suelo usar:
- 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 compiladores de recursos antiguos a veces se quejaban de errores "sin memoria".
(Respuesta actualizada para Windows 8/10)
Vea la lista completa de pautas 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-types
Todavía incluya el archivo .ICO con estos tamaños para admitir experiencias heredadas:
- 16x16
- 24x24
- 32x32
- 48x48
- 256x256