Cómo crear iconos de aplicación de Windows
Windows solicita hasta siete tamaños de iconos de un único archivo .ico. Esta guía explica la matriz de tamaños, la compresión PNG dentro del contenedor, las opciones de herramientas, ejemplos de empaquetado reales, preguntas frecuentes y correcciones para íconos Windows inflados o borrosos.
Por qué Windows es exigente con los íconos
Las superficies de la interfaz de usuario Windows escalan desde glifos de área de notificación de 16 × 16 hasta pines gigantes de 256 × 256 en barras de tareas de alto DPI. Un mapa de bits extendido a lo largo de ese rango parece suave o pixelado. Utilice nuestro [generador favicon](herramienta:generador favicon), [convertidor PNG a ICO](herramienta:png-to-ico), [convertidor SVG a ICO](herramienta:svg-to-ico) y [probador favicon en vivo](utilidad:favicon-tester) para crear y verificar su conjunto de iconos, y lea la [guía complementaria](guía:windows-icon-sizes) para un tutorial condensado.
El contenedor .ico existe para que un único archivo contenga varios fotogramas prerenderizados. Shell32 elige el tamaño más cercano en lugar de ampliar una imagen pequeña.
Los iconos Web favicon y las aplicaciones de escritorio comparten el mismo formato de contenedor. Transferencia de habilidades entre publicar favicon.ico y empaquetar un ejecutable Win32 o Electron.
Use our favicon generator, PNG to ICO converter, SVG to ICO converter, and live favicon tester to build and verify your icon set, and read the companion guide for a condensed walkthrough.
La matriz de tamaño de icono Windows
Microsoft recomienda incorporar cuadrados de 16, 24, 32, 48, 64, 128 y 256 píxeles en un .ico para aplicaciones modernas.
16 y 24 cubren pequeñas listas de shell. 32 y 48 cubren vistas de íconos estándar y mediano en el Explorador de archivos. 64 y superiores cubren miniaturas de alto DPI y mosaicos del menú Inicio.
Omitir 256 no siempre rompe nada, pero los mosaicos fijados en los monitores 4K se ven notablemente más suaves sin él.
La compresión importa a 256×256
Las herramientas heredadas almacenan 256 × 256 como BMP de 32 bits sin comprimir dentro del .ico. Ese cuadro único puede exceder los 256 KB e inflar a los instaladores.
Los codificadores modernos almacenan fotogramas grandes como blobs comprimidos PNG dentro del contenedor ICO. La calidad visual sigue siendo idéntica; el tamaño de bytes cae entre 5 y 10 veces.
Inspeccione siempre el tamaño final .ico. Menos de 50 KB es típico para un logotipo plano con compresión PNG; más de 200 KB indica hinchazón BMP.
Herramientas que hacen esto bien
FetchFavicon acepta un maestro de 512 × 512 y emite un .ico listo para la web con marcos de alto tamaño comprimidos con PNG, adecuado para la incrustación de recursos de Electron, Tauri y Win32 clásico.
El editor de recursos de Visual Studio valida la estructura ICO cuando compila aplicaciones nativas. Pruebe allí antes de publicar un MSI.
Evite cambiar el nombre de un único PNG a .ico. Windows Explorer puede mostrar una vista previa, pero el escalado del shell se verá afectado.
Ejemplos de embalaje
Aplicación electrónica: coloque favicon.ico en los recursos de construcción; configure win.icon en electron-builder.yml en el mismo archivo de varios tamaños.
Instalador de Inno Setup: SetupIconFile=assetsapp.ico debe apuntar a un .ico que contenga al menos 32 y 48 fotogramas.
Distribución ZIP portátil: los usuarios fijan su .exe en la barra de tareas; Windows lee los recursos de iconos incrustados del encabezado PE, que usted compila desde el mismo maestro .ico.
MSI corporativo: firme el instalador después de insertar íconos; cambiar el .ico después de la firma invalida la firma.
Preguntas frecuentes
¿.ico es igual en la web y en el escritorio? Misma especificación de contenedor; las aplicaciones de escritorio lo incorporan como un recurso PE en lugar de servir a través de HTTP.
¿Necesito íconos separados para cada versión Windows? Un .ico moderno de varios tamaños cubre Windows 10 y 11.
¿Qué pasa con .ico frente a .png para UWP? UWP utiliza recursos PNG en un manifiesto de paquete; El Win32 clásico todavía quiere .ico.
¿Puedo extraer tamaños de un .ico existente? Sí, con conversión IcoFX o ImageMagick para auditoría.
Solución de problemas
Icono borroso en la barra de tareas: faltan 32 o 48 fotogramas; Windows actualizó 16 en su lugar.
El ícono del instalador está incorrecto pero el ícono del exe es correcto: Inno Setup IconFile todavía apunta a una ruta anterior. Reconstruya el instalador.
Enormes confirmaciones de git después de agregar el ícono: cometió un .ico estilo BMP. Reexportar con compresión PNG.
El ícono se muestra solo en la máquina de desarrollo: recurso no integrado en la configuración de compilación de la versión: verifique los archivos .rc y los artefactos de CI.
Incrustar iconos en ejecutables
Las aplicaciones nativas Win32 hacen referencia a .ico en scripts de recursos .rc compilados en el archivo PE. El ID de recurso 1 es el icono de aplicación predeterminado.
Los paquetes de electrones leen win.icon desde la configuración del generador de electrones; el mismo .ico de varios tamaños se extrae en el .exe final.
Tauri en Windows espera .ico en la matriz tauri.conf.json del paquete .icon junto con PNG para otras plataformas.
La firma de código no valida los píxeles de los íconos, pero cambiar los recursos después de la firma rompe la firma: finalice los íconos antes de la firma de Authenticode.
Pruebe el .exe compilado en una máquina virtual limpia sin herramientas de desarrollo instaladas. Explorer lee los recursos integrados, no la ruta del repositorio de origen.
Cómo utiliza el shell Windows cada tamaño
La vista de iconos pequeños en Explorer favorece los marcos de 16 y 32 píxeles. Los íconos extra grandes usan 256 cuando están presentes.
La fijación de la barra de tareas solicita marcos de tamaño mediano; faltar 32 produce un suave lujo a partir de 16.
Los mosaicos del menú Inicio en Windows 11 se animan con recursos de mayor resolución cuando se incrusta 256×256.
Los archivos .lnk de acceso directo en el escritorio pueden almacenar en caché los íconos de forma independiente: elimine y vuelva a crear accesos directos después de actualizar el .ico subyacente durante el control de calidad.
Matriz de control de calidad Windows
Pruebe la escala de visualización al 100 % y al 200 % en Windows 11. Cada escala selecciona diferentes fotogramas del mismo ICO.
Anclar a la barra de tareas, desanclar y volver a anclar después de la actualización del ícono para vaciar el caché del shell durante el control de calidad.
Verifique Propiedades → Cambiar icono en los accesos directos creados antes de la actualización; pueden hacer referencia a índices almacenados en caché.
Compare la miniatura del Explorador con el ícono de la barra de tareas: las discrepancias indican que faltan marcos de tamaño mediano.
Alineación de la marca del instalador
Los iconos MSI y EXE deben coincidir con el favicon de su sitio web para garantizar la continuidad de la marca cuando los usuarios fijen después de la instalación.
Los cuadros de diálogo del desinstalador utilizan el mismo recurso de ícono: los usuarios notan discrepancias entre el instalador y la aplicación.
Los listados de tiendas para paquetes de Microsoft Store utilizan requisitos PNG separados; escritorio ICO sigue siendo relevante para la carga lateral de Win32.
Mantenga un maestro ICO en el repositorio; Las compilaciones de CI lo copian en la configuración del instalador y en web public/ para evitar desviaciones.
Windows SmartScreen no juzga la belleza de los íconos, pero los usuarios confían en los íconos coincidentes cuando confirman las indicaciones de instalación.
Nota de embalaje multiplataforma
Las aplicaciones macOS necesitan .icns por separado; el Windows ICO no los reemplaza en las construcciones universales de Electron.
Las entradas de escritorio de Linux a menudo hacen referencia a PNG en 512×512; generar PNG desde el mismo maestro que ICO.
Los íconos de tiendas móviles son otro conjunto de exportación: las herramientas web favicon son necesarias pero no suficientes para las tiendas de aplicaciones.
Los canales de lanzamiento unificados deben enumerar todos los destinos de íconos en una lista de verificación para que Windows ICO nunca sea el paso olvidado.
Etiquete las notas de la versión cuando los recursos de íconos cambien para que el soporte pueda responder por qué los accesos directos se ven diferentes después de una actualización.
Valide los recursos integrados ICO con Resource Hacker o equivalente antes de firmar el binario del instalador final.
Documente qué fotograma ICO eligió Windows durante las capturas de pantalla de control de calidad: ayuda a depurar informes borrosos de la barra de tareas.
Mantenga la ruta ICO en el instalador YAML comentada con la lista de marcos que se espera dentro del archivo.