Tamaños de iconos de apps para iOS y Android
Qué archivos de icono necesita cada plataforma, dónde van en tu proyecto y cómo diseñar un icono principal que se vea bien en todos los tamaños.
Cómo usar el generador de iconos
- Sube tu icono principal: un PNG cuadrado de al menos 1024 × 1024 píxeles da los resultados más nítidos. También sirven JPG y WebP.
- Elige los paquetes: iOS, Android, fichas de tienda o cualquier combinación.
- Genera y descarga: recibes un ZIP con una carpeta por plataforma y un README con la lista de archivos.
Tamaños de iconos para iOS
Apple necesita un icono grande de 1024 × 1024 para App Store y versiones más pequeñas para la pantalla de inicio, la búsqueda de Spotlight, Ajustes y las notificaciones, en escalas @2x y @3x según la densidad de pantalla. Apple rechaza los iconos con transparencia, así que esta herramienta rellena con blanco las zonas transparentes de los iconos de iOS y App Store.
| Uso | Tamaño (px) | Nombre de archivo |
|---|---|---|
| App Store | 1024 × 1024 | AppStore-1024.png |
| App de iPhone @3x / @2x | 180 / 120 | [email protected], [email protected] |
| App de iPad Pro | 167 | [email protected] |
| App de iPad @2x / @1x | 152 / 76 | [email protected], Icon-76.png |
| Spotlight | 120 / 80 / 40 | [email protected] y otros |
| Ajustes | 87 / 58 / 29 | [email protected], [email protected], Icon-29.png |
| Notificaciones | 60 / 40 | [email protected], [email protected] |
En Xcode, abre el catálogo de recursos, selecciona el conjunto AppIcon y arrastra cada PNG a la casilla del tamaño correspondiente. Las versiones recientes de Xcode también pueden generar todos los tamaños a partir del icono de 1024 px.
Tamaños de iconos de lanzador en Android
Android elige el icono del lanzador según la densidad de la pantalla del dispositivo. Copia las carpetas mipmap-* del ZIP en app/src/main/res/ y cada ic_launcher.png quedará en su lugar. Los iconos de Android conservan la transparencia.
| Carpeta de densidad | Tamaño (px) |
|---|---|
| mipmap-xxxhdpi | 192 × 192 |
| mipmap-xxhdpi | 144 × 144 |
| mipmap-xhdpi | 96 × 96 |
| mipmap-hdpi | 72 × 72 |
| mipmap-mdpi | 48 × 48 |
| Ficha de Google Play | 512 × 512 |
Android 8 y posteriores también admiten iconos adaptables, que usan capas separadas de primer plano y fondo. Requieren dos piezas de diseño, así que no forman parte de este paquete. Los PNG incluidos funcionan como icono de lanzador estándar en todas las versiones de Android.
Consejos para un icono principal que escale bien
- Empieza en 1024 × 1024 o más, para que nada tenga que ampliarse.
- Mantén el diseño sencillo. Los detalles finos y el texto pequeño desaparecen a 29 o 48 píxeles.
- Deja margen alrededor de los bordes. iOS redondea las esquinas y muchos lanzadores de Android recortan en círculo.
- En iOS, usa un fondo sólido o degradado en lugar de transparencia.
¿Necesitas otros tamaños, como una miniatura de YouTube o un banner para redes? Prueba el redimensionador de imágenes. ¿Tienes fotos del iPhone en HEIC? Conviértelas con el convertidor HEIC.