Screenshot per il Mac App Store: dimensioni, regole e consigli

Gli screenshot del Mac App Store devono avere una di quattro dimensioni orizzontali 16:10: 1280 × 800, 1440 × 900, 2560 × 1600 o 2880 × 1800 pixel. App Store Connect richiede almeno uno screenshot per un’app Mac e ne accetta fino a dieci, in JPEG o PNG senza trasparenza. Se fai una sola dimensione, fai la 2880 × 1800.

Le regole sono più semplici di quelle per iPhone. La parte difficile è ottenere una cattura pulita esattamente della dimensione giusta, perché ormai quasi nessun Mac ha uno schermo 16:10. Ecco come gestire entrambe le cose, e in cosa un set per Mac dovrebbe differire da uno per iPhone.

Dimensioni degli screenshot per il Mac App Store

Le specifiche degli screenshot di Apple elencano un solo slot Mac, obbligatorio per le app Mac, con quattro dimensioni accettate:

Il resto delle regole è uguale alle altre piattaforme Apple:

• Almeno 1 e fino a 10 screenshot.
• .jpeg, .jpg o .png, senza canale alfa né trasparenza.
• Solo orizzontali. Non esistono dimensioni verticali per Mac.

Anche le regole sui contenuti sono le stesse. La linea guida 2.3.3 per la revisione dell’App Store dice che gli screenshot dovrebbero mostrare l’app in uso, non solo la schermata del titolo, la pagina di accesso o la schermata iniziale. La nostra analisi di perché Apple rifiuta gli screenshot vale per Mac quanto per iPhone. Per le dimensioni di iPhone, iPad e Android, vedi il riferimento sulle dimensioni degli screenshot.

Quanti screenshot per Mac dovresti caricare?

Apple ne richiede uno e ne permette dieci. Non c’è un’indicazione ufficiale sul numero ideale, quindi dipende da quanto la tua app ha da mostrare. Un’utility con un solo scopo può convincere in tre; un’app professionale con più spazi di lavoro potrebbe volerli tutti e dieci.

Qualunque sia il numero, il primo screenshot fa la maggior parte del lavoro, perché è quello che vedono quasi tutti. Valgono gli stessi principi del nostro articolo sul primo screenshot dell’App Store: apri con il risultato, mostra l’app mentre fa il suo lavoro principale e rendi il titolo leggibile al primo sguardo.

Cattura della finestra o a schermo intero?

Sono permesse entrambe, purché il file finale abbia una dimensione accettata. In pratica, le catture della finestra sono più facili da fare bene.

Perché le catture a schermo intero sono scomode

Una cattura a schermo intero si può usare così com’è solo se il display è 16:10 a una risoluzione accettata. Molti Mac attuali non lo sono: i MacBook con il notch hanno un pannello più alto del 16:10, e la maggior parte dei monitor esterni è 16:9. Una cattura a schermo intero si porta dietro anche l’orologio della barra dei menu, le altre tue icone nella barra dei menu e qualsiasi notifica arrivi in quel momento.

Catturare una singola finestra in modo pulito

Il comando screencapture di macOS fa al caso tuo. Queste opzioni vengono dal suo testo di utilizzo integrato:

# 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 cattura interattiva alla selezione di una finestra, -o elimina l’ombra della finestra, -x disattiva il suono e -T imposta un ritardo. Tieni l’ombra se la finestra starà su uno sfondo nel tuo design; toglila se pensi di aggiungerne una tua.

Ottenere esattamente 2880 × 1800

Su un Mac Retina, un punto equivale a due pixel. Ridimensiona la finestra della tua app a 1440 × 900 punti e una cattura della finestra senza ombra esce a 2880 × 1800 pixel, pronta da caricare senza ridimensionare nulla. Puoi impostare la dimensione dalla tua app in una build di debug, oppure con AppleScript (per farlo, Terminale ha bisogno del permesso di Accessibilità in Impostazioni di Sistema):

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

Prima di caricare, controlla il risultato con sips -g pixelWidth -g pixelHeight 01-main.png. Se il PNG ha un canale alfa, convertilo con sips -s format jpeg 01-main.png --out 01-main.jpg.

Prima fai pulizia sulla scrivania

• Attiva Non disturbare, così nessun banner di notifica finisce in uno scatto.
• Nascondi le icone della scrivania se si vedrà una parte della scrivania. Nelle versioni recenti di macOS trovi l’opzione in Impostazioni di Sistema, sotto Scrivania e Dock; da Terminale, defaults write com.apple.finder CreateDesktop -bool false && killall Finder (dopo rimettilo a true).
• Usa uno sfondo neutro, o un colore pieno, così barre laterali e barre degli strumenti traslucide non riprendono una foto piena di dettagli dietro di loro.
• Carica dati realistici. Documenti, progetti o messaggi che sembrano veri, non “Senza titolo 3”. La nostra guida agli screenshot puliti dal simulatore ha idee per preparare dati demo che valgono anche su Mac.
• Scegli un aspetto e mantienilo. Chiaro o scuro, ma coerente in tutto il set, a meno che tu non voglia mostrarli entrambi di proposito.

Se automatizzi le catture, fastlane può aiutarti anche su Mac. Il nostro articolo su fastlane snapshot e frameit spiega la configurazione, compreso il modo in cui frameit gestisce gli screenshot Mac con un’immagine di sfondo e un offset invece di una cornice di dispositivo.

Mac Catalyst e app per iPad sul Mac

Ci sono due modi in cui un codice iOS arriva sul Mac App Store, e trattano gli screenshot in modo diverso.

La guida di App Store Connect di Apple segnala una cosa utile da sapere: se un’app iOS è sul Mac App Store in questo modo e in seguito pubblichi un’app macOS sullo stesso record, l’app macOS la sostituisce. È a quel punto che ti servirà un set di screenshot per Mac.

Per un’app Catalyst, non riusare gli screenshot per iPad ridimensionati a 16:10. La versione Mac ha una barra dei menu, finestre ridimensionabili e interazioni con il puntatore, e gli screenshot dovrebbero mostrare l’app come la vedranno gli utenti Mac. La nostra guida agli screenshot per iPad parla a parte del set per iPad.

In cosa un set per Mac differisce da uno per iPhone

Uno screenshot per iPhone è un canvas alto con un telefono al centro e un titolo in cima. Uno screenshot per Mac è largo, e quello che c’è dentro è una finestra piena di piccoli elementi di interfaccia. Qualche aggiustamento di solito funziona:

• Metti il titolo accanto alla finestra, o sopra una finestra ritagliata. Su un canvas 16:10, un titolo nel terzo sinistro con la finestra che esce dal bordo destro spesso si legge meglio di una finestra piccola sotto una striscia di testo.
• Ritaglia. Una finestra intera dell’app in formato miniatura è quasi illeggibile. Ingrandisci la parte che conta, come un pannello di ispezione, una timeline o un singolo documento, e lascia che il resto esca dal bordo.
• Mostra i punti di forza del Mac. Più finestre, scorciatoie da tastiera, un’icona nella barra dei menu, il trascinamento tra app, un canvas grande. Sono i motivi per cui qualcuno vuole proprio la versione Mac.
• Niente cornici di iPhone. Se usi un dispositivo, usane uno Mac. Mostrare un telefono in una scheda per Mac confonde su cosa si sta scaricando.
• Tieni i titoli brevi. Il canvas è più grande, ma lo screenshot si vede comunque in piccolo nei risultati di ricerca e nella pagina prodotto. Valgono le stesse regole di copywriting.

Localizzare gli screenshot per Mac

Gli screenshot per Mac si localizzano per lingua in App Store Connect, proprio come quelli per iPhone. Se la tua app è tradotta, cattura anche l’interfaccia localizzata oltre a tradurre i titoli. Un titolo in tedesco sopra una finestra in inglese sembra un lavoro lasciato a metà. Due dettagli specifici del Mac:

• Cambia la lingua dell’app senza cambiare quella del Mac. macOS ti permette di impostare una lingua per singola app in Impostazioni di Sistema, sotto Generali e poi Lingua e Zona, così puoi catturare ogni lingua senza toccare la lingua del tuo sistema.
• Attenzione alla larghezza delle finestre. Le etichette tradotte nelle barre degli strumenti e nelle barre laterali sono spesso più lunghe, e una finestra dimensionata per l’inglese può troncarle. Controlla ogni lingua con la finestra a 1440 × 900 punti prima di catturare.

La nostra guida alla localizzazione degli screenshot dell’App Store spiega quali lingue mettere al primo posto e cosa adattare oltre alle parole.

Progettare il set

Puoi impaginare un set per Mac con qualsiasi strumento di design: crea frame da 2880 × 1800, inserisci le catture delle finestre ed esporta a 1x. La nostra guida agli screenshot dell’App Store in Figma spiega come impostare i componenti, e si applica direttamente alle dimensioni Mac.

In Launch Shots, l’editor include le cornici di dispositivo MacBook Pro e MacBook Air, e puoi inserire qualsiasi larghezza e altezza del canvas, quindi un canvas Mac da 2880 × 1800 funziona. Le dimensioni predefinite integrate però sono per iPhone, iPad e Android, quindi per Mac la dimensione la imposti tu.

Checklist per gli screenshot del Mac App Store

• Ogni file è 1280 × 800, 1440 × 900, 2560 × 1600 o 2880 × 1800 pixel; meglio 2880 × 1800.
• Da 1 a 10 screenshot, JPEG o PNG, senza trasparenza.
• Catture della finestra con screencapture -w -o -x, da una finestra di 1440 × 900 punti su un Mac Retina.
• Non disturbare attivo, icone della scrivania nascoste, sfondo neutro, dati realistici, un solo aspetto per tutto il set.
• App Catalyst: un set per Mac tutto suo. App per iPad su Apple silicon: nessun set per Mac separato.
• Titoli brevi e accanto alla finestra; ritaglia l’interfaccia; mostra quello che fa solo la versione Mac.