Guía de tamaños de iconos de app para iOS y Android
Iconos de tienda, flujo de tamaño único en Xcode y densidades legacy del launcher de Android, más una ruta local de exportación multi-tamaño.
Los iconos de tienda no son lo mismo que los favicons web. Deben ser opacos, cuadrados y dimensionados para consolas de envío — no para etiquetas <link rel="icon">.
Consulta la guía completa de recursos de ficha para ver cómo encajan los iconos con capturas y feature graphics.
Iconos de envío a tienda
| Tienda | Tamaño | Notas |
|---|---|---|
| App Store Connect | PNG 1024×1024 | Sin transparencia; el sistema aplica máscara redondeada |
| Google Play Console | PNG 512×512 | Icono de ficha de alta resolución |
Son recursos de envío de marketing. Xcode y Android Studio pueden seguir necesitando tamaños adicionales dentro del proyecto.
iOS dentro de Xcode
Xcode moderno puede generar tamaños de pantalla de inicio, Spotlight, Ajustes y notificaciones desde un master 1024×1024 en el catálogo de iconos de app. Aun así subes el archivo 1024×1024 a App Store Connect por separado.
Contextos generados habituales incluyen 180×180 (iPhone @3x), 120×120 (@2x), 87×87 Ajustes (@3x) y 60×60 notificación (@3x).
Densidades del launcher de Android
Los iconos de launcher tradicionales siguen exportándose por bucket de densidad:
| Densidad | Tamaño |
|---|---|
| mdpi | 48×48 |
| hdpi | 72×72 |
| xhdpi | 96×96 |
| xxhdpi | 144×144 |
| xxxhdpi | 192×192 |
Los iconos adaptativos (capas foreground/background) son un tema aparte. Un PNG plano no puede sustituir la semántica de capas adaptativas — no escales un archivo y lo llames listo para adaptativo.
Flujo de exportación local
- Parte del logo cuadrado de mayor resolución que tengas (idealmente ≥1024×1024).
- Abre App Icon Set Generator.
- Elige Cover para rellenar el cuadrado o Contain con fondo sólido para preservar la marca completa.
- Selecciona presets de tienda, iOS y Android que realmente necesites.
- Descarga PNG individuales o un zip plano con nombres de archivo estables.
El procesamiento permanece en el navegador. La herramienta redimensiona el arte que ya tienes — no inventa un logo nuevo.
Favicon vs icono de app
Los favicons web y los iconos PWA pertenecen a otro flujo. Usa Favicon Generator para snippets HTML <link> y entradas de manifest, no este conjunto de iconos de tienda.