Capturas para la Mac App Store: tamaños, reglas y diseño

Las capturas de la Mac App Store deben tener uno de estos cuatro tamaños horizontales 16:10: 1280 × 800, 1440 × 900, 2560 × 1600 o 2880 × 1800 píxeles. App Store Connect exige al menos una captura para una app de Mac y acepta hasta diez, en JPEG o PNG sin transparencia. Si solo vas a hacer un tamaño, que sea 2880 × 1800.

Las reglas son más sencillas que las del iPhone. Lo difícil es conseguir una captura limpia con el tamaño exacto, porque la mayoría de los Macs ya no tienen una pantalla 16:10. Aquí te cuento cómo resolver las dos cosas y en qué debería diferenciarse un set para Mac de uno para iPhone.

Tamaños de las capturas de la Mac App Store

Las especificaciones de capturas de pantalla de Apple indican un único hueco para Mac, obligatorio para las apps de Mac, con cuatro tamaños aceptados:

El resto de las reglas son las mismas que en las demás plataformas de Apple:

• Al menos 1 y hasta 10 capturas.
• .jpeg, .jpg o .png, sin canal alfa ni transparencia.
• Solo en horizontal. No hay tamaños verticales para Mac.

Las reglas de contenido también son las mismas. La directriz 2.3.3 de App Review de Apple dice que las capturas deben mostrar la app en uso, y no solo el título, la pantalla de inicio de sesión o la pantalla de bienvenida. Nuestro repaso de por qué Apple rechaza capturas aplica tanto al Mac como al iPhone. Para los tamaños de iPhone, iPad y Android, consulta la referencia de tamaños de capturas.

¿Cuántas capturas de Mac deberías subir?

Apple exige una y permite diez. No hay ninguna recomendación publicada sobre el número ideal, así que depende de cuánto tenga que enseñar tu app. Una utilidad con un solo propósito puede convencer con tres; una app profesional con varios espacios de trabajo quizá necesite las diez.

Sea cual sea el número, la primera captura es la que más trabaja, porque es la que ve la mayoría de la gente. Se aplican los mismos principios de nuestro post sobre la primera captura del App Store: empieza por el resultado, muestra la app haciendo su función principal y haz que el titular se lea de un vistazo.

¿Captura de ventana o de pantalla completa?

Las dos están permitidas, siempre que el archivo final tenga un tamaño aceptado. En la práctica, las capturas de ventana son más fáciles de hacer bien.

Por qué las capturas a pantalla completa dan problemas

Una captura a pantalla completa solo sirve tal cual si la pantalla es 16:10 y tiene una resolución aceptada. Muchos Macs actuales no la tienen: los MacBook con notch tienen un panel más alto que 16:10, y la mayoría de los monitores externos son 16:9. Además, una captura a pantalla completa se lleva el reloj de la barra de menús, el resto de tus iconos de la barra de menús y cualquier notificación que llegue.

Capturar una sola ventana de forma limpia

El comando screencapture de macOS se encarga de esto. Estas opciones salen de su propio texto de ayuda:

# Click a window to capture it, without its drop shadow, and no shutter sound
screencapture -w -o -x ~/Desktop/01-main.png

# Same, after a 5-second delay (time to open a menu or hover state)
screencapture -w -o -x -T 5 ~/Desktop/02-menu.png

# Capture an exact screen rectangle (x,y,width,height)
screencapture -x -R 0,25,1440,900 ~/Desktop/03-rect.png

-w limita la captura interactiva a seleccionar una ventana, -o quita la sombra de la ventana, -x silencia el sonido y -T añade un retardo. Mantén la sombra si la ventana va a ir sobre un fondo en tu diseño; quítala si piensas añadir la tuya.

Conseguir exactamente 2880 × 1800

En un Mac con pantalla Retina, un punto son dos píxeles. Cambia el tamaño de la ventana de tu app a 1440 × 900 puntos y una captura de ventana sin sombra sale a 2880 × 1800 píxeles, lista para subir sin redimensionar. Puedes fijar el tamaño desde tu app en una build de depuración, o con AppleScript (para esto, Terminal necesita permiso de Accesibilidad en Ajustes del Sistema):

osascript -e 'tell application "System Events" to tell process "MyApp" to set size of front window to {1440, 900}'

Comprueba el resultado con sips -g pixelWidth -g pixelHeight 01-main.png antes de subirla. Si el PNG lleva canal alfa, conviértelo con sips -s format jpeg 01-main.png --out 01-main.jpg.

Ordena primero el escritorio

• Activa No molestar para que no se cuele ningún banner de notificación en una captura.
• Oculta los iconos del escritorio si se va a ver parte del escritorio. En las versiones recientes de macOS está en Ajustes del Sistema, en Escritorio y Dock; desde Terminal, defaults write com.apple.finder CreateDesktop -bool false && killall Finder (vuelve a ponerlo en true después).
• Usa un fondo de pantalla neutro, o un color sólido, para que las barras laterales y de herramientas translúcidas no se tiñan con una foto recargada detrás.
• Carga datos realistas. Documentos, proyectos o mensajes con aspecto real, no «Sin título 3». Nuestra guía de capturas limpias en el simulador tiene ideas para preparar datos de demostración que también sirven en Mac.
• Elige un aspecto y mantenlo. Claro u oscuro, pero el mismo en todo el set, salvo que quieras mostrar los dos a propósito.

Si automatizas las capturas, fastlane también te puede ayudar en Mac. Nuestro post sobre fastlane snapshot y frameit explica la configuración, incluido cómo frameit trata las capturas de Mac con una imagen de fondo y un desplazamiento en lugar de un marco de dispositivo.

Mac Catalyst y apps de iPad en el Mac

Hay dos formas de que un código base de iOS llegue a la Mac App Store, y cada una trata las capturas de forma distinta.

La ayuda de App Store Connect de Apple menciona algo que conviene saber: si una app de iOS está en la Mac App Store de esta forma y más adelante publicas una app de macOS en el mismo registro, la app de macOS la sustituye allí. En ese momento es cuando vas a necesitar un set de capturas para Mac.

En una app Catalyst, no reutilices tus capturas de iPad redimensionadas a 16:10. La versión de Mac tiene barra de menús, ventanas redimensionables e interacciones con el puntero, y las capturas deberían mostrar la app como la verán los usuarios de Mac. Nuestra guía de capturas para iPad trata el set de iPad por separado.

En qué se diferencia un set para Mac de uno para iPhone

Una captura de iPhone es un lienzo alto con un teléfono en el centro y un titular arriba. Una captura de Mac es ancha, y lo que hay dentro es una ventana llena de interfaz pequeña. Algunos ajustes suelen funcionar:

• Pon el titular al lado de la ventana, o encima de una recortada. En un lienzo 16:10, un titular en el tercio izquierdo con la ventana saliéndose por el borde derecho suele leerse mejor que una ventana pequeña bajo una franja de texto.
• Recorta. Una ventana de app completa en miniatura es casi ilegible. Haz zoom en la parte que importa, como un panel inspector, una línea de tiempo o un solo documento, y deja que el resto se salga del borde.
• Muestra los puntos fuertes exclusivos del Mac. Varias ventanas, atajos de teclado, un icono en la barra de menús, arrastrar y soltar entre apps, un lienzo grande. Son los motivos por los que alguien quiere precisamente la versión de Mac.
• Olvídate de los marcos de iPhone. Si usas algún dispositivo, que sea un Mac. Mostrar un teléfono en una ficha de Mac confunde sobre qué se está descargando la persona.
• Mantén los titulares cortos. El lienzo es más grande, pero la captura se sigue viendo pequeña en los resultados de búsqueda y en la página de producto. Se aplican las mismas reglas de copywriting.

Localizar las capturas de Mac

Las capturas de Mac se localizan por idioma en App Store Connect, igual que las de iPhone. Si tu app está traducida, captura la interfaz localizada además de traducir los titulares. Un titular en alemán sobre una ventana en inglés parece a medio hacer. Dos detalles propios del Mac:

• Cambia el idioma de la app sin cambiar el de tu Mac. macOS te permite definir un idioma por app en Ajustes del Sistema, en General y luego Idioma y región, así que puedes capturar cada idioma sin tocar el idioma de tu sistema.
• Vigila el ancho de las ventanas. Las etiquetas traducidas de barras de herramientas y laterales suelen ser más largas, y una ventana dimensionada para el inglés puede cortarlas. Revisa cada idioma con la ventana a 1440 × 900 puntos antes de capturar.

Nuestra guía para localizar capturas del App Store explica qué idiomas priorizar y qué adaptar más allá del texto.

Diseñar el set

Puedes maquetar un set para Mac en cualquier herramienta de diseño: crea marcos de 2880 × 1800, coloca tus capturas de ventana y exporta a 1x. Nuestra guía de capturas del App Store en Figma explica cómo montar los componentes, y se traslada tal cual a los tamaños de Mac.

En Launch Shots, el editor incluye marcos de dispositivo de MacBook Pro y MacBook Air, y puedes escribir cualquier ancho y alto de lienzo, así que un lienzo de Mac de 2880 × 1800 funciona. Eso sí, los tamaños predefinidos son de iPhone, iPad y Android, así que para Mac el tamaño lo pones tú.

Checklist de capturas para la Mac App Store

• Cada archivo mide 1280 × 800, 1440 × 900, 2560 × 1600 o 2880 × 1800 píxeles; mejor 2880 × 1800.
• Entre 1 y 10 capturas, JPEG o PNG, sin transparencia.
• Capturas de ventana con screencapture -w -o -x, a partir de una ventana de 1440 × 900 puntos en un Mac Retina.
• No molestar activado, iconos del escritorio ocultos, fondo neutro, datos realistas y un único aspecto en todo el set.
• App Catalyst: su propio set para Mac. App de iPad en Apple silicon: no hace falta un set aparte para Mac.
• Titulares cortos y al lado de la ventana; recorta la interfaz; muestra lo que solo hace la versión de Mac.