Icono de App Store: medidas, formatos y cómo diseñarlo para Liquid Glass

El icono de App Store se entrega en un cuadrado de 1024 × 1024 píxeles y el sistema lo recorta, lo redondea y lo escala a todos los tamaños. Eso no ha cambiado. Lo que sí cambió con iOS 26 es el acabado: los iconos son ahora capas de cristal (Liquid Glass) y el usuario puede verlos en versión oscura, transparente o tintada. Un icono plano pensado para 2020 puede verse mal en un iPhone de 2026.

Datos tomados de las Human Interface Guidelines de Apple, revisadas por última vez el 28 de octubre de 2026.

Tamaño del icono de App Store por plataforma

Espacios de color admitidos: sRGB, Gray Gamma 2.2 para escala de grises y Display P3 (en todas salvo visionOS). Los tamaños pequeños de Ajustes, notificaciones o Spotlight los genera el sistema a partir del grande. Ya no tienes que exportar una docena de PNG.

Icon Composer o PNG plano: qué entregar

Para iPhone, iPad, Mac y Apple Watch puedes entregar el icono de dos formas:

• Archivo de Icon Composer (.icon). Es la herramienta de Apple que viene con Xcode. Importas las capas del primer plano (mejor en SVG o PDF; PNG si hay degradados complejos), defines el fondo con color o degradado, ajustas brillo, refracción y transparencia, y marcas cómo se ve cada variante.
• PNG plano. Sigue valiendo, pero entonces el sistema intenta separar tu icono en dos capas por su cuenta. Solo aplica el efecto de cristal a formas grandes y simples; el texto y las líneas finas se quedan sin él.

Nuestro criterio: entrega el icono en Icon Composer aunque sea sencillo. Con un PNG dejas que el sistema decida qué es fondo y qué es figura, y en la variante tintada el resultado puede ser una mancha. Son veinte minutos de trabajo para un diseñador que ya tenga las capas.

Reglas de diseño que de verdad cambian el resultado

1. Capas cuadradas y sin máscara. No redondees las esquinas ni recortes en círculo: el sistema enmascara todo y, si ya viene recortado, los brillos quedan dentados.
2. Contenido centrado. Al redondear (y mucho más en el círculo de watchOS y visionOS) los bordes se pierden.
3. Bordes nítidos en el primer plano. Nada de bordes difuminados: estropean los brillos y sombras que dibuja el sistema.
4. Sin efectos propios. Ni sombras, ni biseles, ni brillos, ni desenfoques: el sistema pone los suyos y son dinámicos.
5. Texto solo si es tu marca. Apple desaconseja palabras como «Play» o «New» y recuerda que el nombre ya aparece debajo del icono.
6. Nada de fotos, capturas de la interfaz ni réplicas de productos de Apple. Esto último puede costarte un rechazo.

Ejemplos en la tienda española

Así se ven hoy algunos iconos de apps muy descargadas en España, a 29 de octubre de 2026:

• Strava: dos chevrones blancos sobre naranja. Una sola forma, se reconoce aunque se vea diminuto en Ajustes y funciona igual en la variante tintada. Es el tipo de icono que las guías de Apple ponen como modelo.
• Calm y Renfe: el logotipo escrito («Calm», «renfe») sobre un degradado. Son marcas con tanto reconocimiento que se lo pueden permitir. Pero en tamaños pequeños el texto se lee peor y el sistema no le aplica el efecto de cristal si el icono llega como PNG.
• idealista: las letras «id» en negro sobre verde lima. Es un monograma, la excepción que Apple sí acepta: la inicial como recordatorio de la marca.

Error típico: copiar el logotipo horizontal de la web dentro del cuadrado. Si tu marca no es Renfe, nadie reconoce un texto de 8 píxeles de alto en la pantalla de inicio. Coge el símbolo o la inicial y deja el nombre para el campo de nombre de la app, que además cuenta para la búsqueda.

¿Cómo saber si tu icono convierte?

El icono es lo único de tu ficha que aparece en todas partes: búsqueda, listas, anuncios, pantalla de inicio. Por eso merece una prueba A/B. Con Product Page Optimization en App Store Connect puedes probar hasta 3 iconos alternativos frente al actual, con estas condiciones:

• Los iconos alternativos tienen que ir incluidos en el binario publicado. Primero sacas una versión con ellos y después lanzas la prueba.
• La prueba dura como mucho 90 días y solo puedes tener una a la vez.
• Apple recomienda esperar a tener al menos un 90 % de confianza antes de aplicar el ganador.

Con pocas visitas a la ficha, la prueba puede pasarse los 90 días sin llegar a esa confianza. En ese caso, mejor probar antes las capturas, que no exigen una versión nueva. Tienes más detalle en la guía de custom product pages y Product Page Optimization.

Lista de comprobación antes de subir el icono

• Lienzo de 1024 × 1024 (1088 × 1088 si tienes app de Apple Watch).
• Capas cuadradas, sin esquinas redondeadas ni sombras propias.
• Variantes oscura y tintada revisadas en Icon Composer.
• Se reconoce a tamaño de notificación (mira la vista previa pequeña).
• Sin palabras sobrantes, fotos ni hardware de Apple.
• Coherente con el icono de tu app en Google Play, si la tienes. Tienes las medidas de Android en la guía del icono de Google Play.

Si quieres que lo diseñemos o lo probemos contigo

Diseñamos y probamos iconos, capturas y vídeo en el servicio de capturas, iconos y vídeo. Antes, si quieres, pasa tu app por la auditoría ASO gratuita.