Iconos de apps en iOS y Android: diseño, máscaras y archivos

Un icono de iOS y un icono de inicio de Android pueden compartir el mismo símbolo, aunque requieren recursos distintos. iOS admite un catálogo de recursos con una imagen de alta resolución. Los iconos adaptativos de Android separan el primer plano y el fondo para que el lanzador aplique sus máscaras y efectos.

Esta comparación explica cómo preparar cada plataforma. La guía de tamaños de iconos reúne las dimensiones para consultar durante la exportación.

Empieza por un diseño que se reconozca en pequeño

Conserva una copia maestra limpia antes de añadir tratamientos específicos. La identidad compartida suele consistir en un símbolo principal o un monograma corto, un contraste suficiente y espacio alrededor del motivo. Los detalles que desaparecen al reducir la imagen no ayudan a identificar la aplicación.

Prueba el símbolo sobre el fondo previsto y en una vista pequeña. Un diseño atractivo a 1024 píxeles puede resultar confuso en la pantalla de inicio. Resuelve primero su forma y jerarquía; después prepara los archivos de cada plataforma.

iOS usa un catálogo de recursos y aplica la forma del icono

Apple documenta un flujo con una imagen de 1024 × 1024 para las variaciones de iconos de iOS y iPadOS. Xcode guarda el recurso en un catálogo, habitualmente en un conjunto llamado AppIcon, y el sistema controla su presentación exterior. No añadas esquinas redondeadas a la imagen original.

La exportación actual de AppIconGenerator tiene esta estructura, cubierta por pruebas locales:

iOS/
├── AppIcon.appiconset/
│   ├── AppIcon-1024.png
│   └── Contents.json
├── AdditionalSizes/
│   └── ...optional PNG sizes
└── README.txt

Contents.json declara la imagen de 1024 como recurso universal de iOS. Los PNG adicionales quedan en una carpeta independiente para proyectos que los necesiten; no sustituyen esa entrada del catálogo.

Esta exportación no crea apariencias oscuras ni tintadas. Apple también ofrece flujos más recientes con Icon Composer. Revisa la versión de Xcode y el destino del proyecto antes de considerar que una carpeta exportada está preparada para una publicación.

El generador de iconos para iOS permite comparar la máscara y crear el conjunto local.

Android mantiene separados el primer plano y el fondo

La documentación de iconos adaptativos de Android define un lienzo de 108 × 108 dp para las dos capas. La zona central de 66 × 66 dp permanece visible con las máscaras compatibles. El área exterior deja margen para los recortes y movimientos del lanzador.

Prepara, si es posible, un símbolo con transparencia en el primer plano y un fondo que llene su capa. Coloca las letras y los detalles esenciales dentro de la zona segura. Comprueba varias máscaras: ajustar únicamente un cuadrado redondeado puede ocultar un problema que aparece con un círculo.

La exportación adaptativa actual incluye PNG por densidad, imágenes tradicionales y referencias XML para Android 8.0 y versiones posteriores:

Android/
├── res/
│   ├── mipmap-mdpi/
│   ├── mipmap-hdpi/
│   ├── mipmap-xhdpi/
│   ├── mipmap-xxhdpi/
│   ├── mipmap-xxxhdpi/
│   └── mipmap-anydpi-v26/
│       ├── ic_launcher.xml
│       └── ic_launcher_round.xml
├── play_store_512.png
└── README.txt

Cada carpeta de densidad contiene ic_launcher.png e ic_launcher_round.png. El modo adaptativo añade ic_launcher_foreground.png e ic_launcher_background.png, a los que apuntan los XML.

En el creador de iconos para Android, revisa la escala del primer plano y la zona segura antes de descargar el paquete.

La imagen de Google Play es un recurso independiente

El icono de la ficha de la tienda y los recursos del lanzador cumplen funciones distintas. Google Play especifica actualmente un PNG de 512 × 512, 32 bits y espacio sRGB, con un máximo de 1024 KB. La tienda aplica su máscara y sombra, de modo que la imagen debe seguir siendo un cuadrado completo, sin máscara exterior ni sombra añadidas.

El archivo está en Android/play_store_512.png. No sustituye los recursos de Android/res/. Una exportación correcta en el navegador tampoco demuestra que Play Console haya aceptado el archivo.

Qué decisiones puedes compartir entre plataformas

Finaliza una marca común y después prepara sus variantes técnicas. El creador de iconos reúne las vistas y exportaciones para comparar ambas.

Lista de comprobación antes de exportar

1. Examina el símbolo al tamaño de la pantalla de inicio.
2. Deja que iOS aplique las esquinas exteriores.
3. Mantén el motivo de Android dentro de la zona segura.
4. Revisa por separado la imagen de Google Play.
5. Comprueba nombres de archivo y referencias antes de sustituir recursos.
6. Compila e instala el proyecto en un simulador o dispositivo.

Ejemplo instalado en simulador

El 2 de octubre de 2026 se instaló el icono exportado en un simulador iPhone 17 aislado con iOS 26.5. La aplicación arrancó y su icono XY apareció en la pantalla de inicio. Esto verifica ese proyecto y sistema, no un dispositivo físico ni la aprobación de App Store.

El 2 de octubre de 2026 se instalaron los recursos en un simulador Android API 36 aislado. La aplicación arrancó y el icono XY apareció en el cajón de aplicaciones. La comprobación cubre ese lanzador y compilación; otras máscaras y dispositivos requieren pruebas propias.

Preguntas frecuentes

¿Puedo usar la misma imagen original en iOS y Android?

Puedes compartir el diseño. Conviene conservar una versión cuadrada opaca para iOS y un primer plano transparente con fondo separado para Android adaptativo. Cada exportación debe tener la estructura de su plataforma.

¿Debo redondear las esquinas en el diseño?

No. Los sistemas y Google Play aplican sus propias máscaras. Una máscara ya incorporada puede crear esquinas dobles o márgenes inesperados.

¿Sirve la imagen de Google Play como primer plano adaptativo?

Normalmente no. Es una imagen completa para la tienda; el primer plano adaptativo necesita el motivo, transparencia y espacio de seguridad, con el fondo en otra capa.

Fuentes consultadas

• Apple: configuración del icono mediante un catálogo de recursos
• Apple: creación del icono con Icon Composer
• Android Developers: iconos adaptativos
• Android Developers: especificaciones del icono de Google Play

Consulta de fuentes: 20 de septiembre de 2026. Estructura local: src/lib/icon-forge/zip.ts, con pruebas en src/lib/icon-forge/zip.test.ts.