Mac App Store Screenshots: Größen, Regeln und Design-Tipps

Screenshots für den Mac App Store müssen eine von vier 16:10-Größen im Querformat haben: 1280 × 800, 1440 × 900, 2560 × 1600 oder 2880 × 1800 Pixel. App Store Connect verlangt für eine Mac-App mindestens einen Screenshot und akzeptiert bis zu zehn, als JPEG oder PNG ohne Transparenz. Wenn du nur eine Größe machst, dann 2880 × 1800.

Die Regeln sind einfacher als beim iPhone. Schwieriger ist es, eine saubere Aufnahme in genau der richtigen Größe hinzubekommen, weil die meisten Macs gar keinen 16:10-Bildschirm mehr haben. Hier steht, wie du beides löst und worin sich ein Mac-Set von einem iPhone-Set unterscheiden sollte.

Screenshot-Größen für den Mac App Store

Apples Screenshot-Spezifikationen nennen einen Mac-Slot, Pflicht für Mac-Apps, mit vier akzeptierten Größen:

Die übrigen Regeln entsprechen denen der anderen Apple-Plattformen:

• Mindestens 1 und bis zu 10 Screenshots.
• .jpeg, .jpg oder .png, ohne Alphakanal oder Transparenz.
• Nur Querformat. Hochformate gibt es für den Mac nicht.

Auch die Inhaltsregeln sind dieselben. Apples App Review Guideline 2.3.3 sagt, dass Screenshots die App in Benutzung zeigen sollen und nicht bloß Titelgrafik, Login-Seite oder Splash-Screen. Unsere Übersicht, warum Apple Screenshots ablehnt, gilt für den Mac genauso wie fürs iPhone. Größen für iPhone, iPad und Android findest du in der Übersicht der Screenshot-Größen.

Wie viele Mac-Screenshots solltest du hochladen?

Apple verlangt einen und erlaubt zehn. Eine offizielle Empfehlung zur idealen Anzahl gibt es nicht, es hängt also davon ab, wie viel deine App zu zeigen hat. Ein Tool mit einer einzigen Aufgabe kann in drei Screenshots überzeugen; eine Profi-App mit mehreren Arbeitsbereichen will vielleicht alle zehn.

Egal wie viele: Der erste Screenshot leistet die meiste Arbeit, weil ihn die meisten Leute sehen. Es gelten dieselben Prinzipien wie in unserem Beitrag zum ersten App-Store-Screenshot: mit dem Ergebnis anfangen, die App bei ihrer Hauptaufgabe zeigen und die Headline auf einen Blick lesbar machen.

Fenster- oder Vollbildaufnahmen?

Beides ist erlaubt, solange die fertige Datei eine akzeptierte Größe hat. In der Praxis bekommst du Fensteraufnahmen leichter richtig hin.

Warum Vollbildaufnahmen umständlich sind

Eine Vollbildaufnahme ist nur dann direkt nutzbar, wenn das Display 16:10 mit einer akzeptierten Auflösung hat. Viele aktuelle Macs haben das nicht: MacBook-Modelle mit Notch haben ein Panel, das höher als 16:10 ist, und die meisten externen Monitore sind 16:9. Außerdem landen bei einer Vollbildaufnahme die Uhr in der Menüleiste, deine anderen Menüleistensymbole und alle eintreffenden Mitteilungen mit im Bild.

Ein einzelnes Fenster sauber aufnehmen

Dafür gibt es den macOS-Befehl screencapture. Diese Flags stammen aus seinem eingebauten Hilfetext:

# 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 beschränkt die interaktive Aufnahme auf die Fensterauswahl, -o lässt den Fensterschatten weg, -x schaltet den Ton stumm und -T setzt eine Verzögerung. Behalte den Schatten, wenn das Fenster in deinem Design auf einem Hintergrund sitzt; lass ihn weg, wenn du einen eigenen hinzufügen willst.

Genau 2880 × 1800 erreichen

Auf einem Retina-Mac entspricht ein Punkt zwei Pixeln. Stell das Fenster deiner App auf 1440 × 900 Punkte, dann ergibt eine Fensteraufnahme ohne Schatten 2880 × 1800 Pixel, fertig zum Hochladen, ganz ohne Skalieren. Die Größe kannst du in einem Debug-Build aus deiner App heraus setzen oder per AppleScript (dafür braucht das Terminal die Berechtigung für Bedienungshilfen in den Systemeinstellungen):

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

Prüf das Ergebnis vor dem Hochladen mit sips -g pixelWidth -g pixelHeight 01-main.png. Hat das PNG einen Alphakanal, konvertier es mit sips -s format jpeg 01-main.png --out 01-main.jpg.

Vorher den Schreibtisch aufräumen

• Schalte „Nicht stören“ ein, damit keine Mitteilungsbanner im Bild landen.
• Blende die Schreibtischsymbole aus, falls etwas vom Schreibtisch zu sehen ist. In aktuellen macOS-Versionen geht das in den Systemeinstellungen unter „Schreibtisch & Dock“; im Terminal mit defaults write com.apple.finder CreateDesktop -bool false && killall Finder (danach wieder auf true stellen).
• Nimm ein neutrales Hintergrundbild oder eine einfarbige Fläche, damit durchscheinende Seitenleisten und Symbolleisten kein unruhiges Foto dahinter aufnehmen.
• Lade realistische Daten. Echt wirkende Dokumente, Projekte oder Nachrichten, nicht „Ohne Titel 3“. Unser Guide zu sauberen Simulator-Screenshots hat Ideen für Demodaten, die sich auf den Mac übertragen lassen.
• Entscheide dich für ein Erscheinungsbild und bleib dabei. Hell oder dunkel, aber einheitlich im ganzen Set, außer du willst bewusst beides zeigen.

Wenn du die Aufnahmen automatisierst, hilft fastlane auch auf dem Mac. Unser Beitrag zu fastlane snapshot und frameit erklärt das Setup, auch wie frameit Mac-Screenshots mit einem Hintergrundbild und einem Versatz statt eines Geräterahmens behandelt.

Mac Catalyst und iPad-Apps auf dem Mac

Es gibt zwei Wege, wie eine iOS-Codebasis in den Mac App Store kommt, und beide gehen unterschiedlich mit Screenshots um.

Apples Hilfe zu App Store Connect erwähnt etwas, das man wissen sollte: Ist eine iOS-App auf diesem Weg im Mac App Store und du veröffentlichst später im selben Eintrag eine macOS-App, ersetzt die macOS-App sie dort. Spätestens dann brauchst du ein Mac-Screenshot-Set.

Verwende für eine Catalyst-App nicht deine iPad-Screenshots, auf 16:10 gebracht. Die Mac-Version hat eine Menüleiste, skalierbare Fenster und Zeigerinteraktionen, und die Screenshots sollten die App so zeigen, wie Mac-Nutzer sie sehen werden. Unser Guide zu iPad-Screenshots behandelt das iPad-Set separat.

Worin sich ein Mac-Set von einem iPhone-Set unterscheidet

Ein iPhone-Screenshot ist eine hohe Fläche mit einem Smartphone in der Mitte und einer Headline darüber. Ein Mac-Screenshot ist breit, und darin steckt ein Fenster voller kleiner UI. Ein paar Anpassungen funktionieren meistens:

• Setz die Headline neben das Fenster oder über ein angeschnittenes. Auf einer 16:10-Fläche liest sich eine Headline im linken Drittel mit einem Fenster, das rechts über den Rand läuft, oft besser als ein kleines Fenster unter einem Textstreifen.
• Schneide hinein. Ein komplettes App-Fenster in Vorschaugröße ist kaum lesbar. Zoom auf den Teil, der zählt, etwa ein Informationsfenster, eine Timeline oder ein einzelnes Dokument, und lass den Rest über den Rand laufen.
• Zeig, was nur der Mac kann. Mehrere Fenster, Tastaturkurzbefehle, ein Menüleisten-Extra, Drag & Drop zwischen Apps, eine große Arbeitsfläche. Das sind Gründe, warum jemand gezielt die Mac-Version will.
• Lass iPhone-Rahmen weg. Wenn überhaupt ein Gerät, dann ein Mac. Ein Smartphone in einem Mac-Eintrag verwirrt, was man da eigentlich herunterlädt.
• Halte Headlines kurz. Die Fläche ist größer, aber der Screenshot wird in den Suchergebnissen und auf der Produktseite trotzdem klein angezeigt. Es gelten dieselben Regeln fürs Texten.

Mac-Screenshots lokalisieren

Mac-Screenshots werden in App Store Connect pro Sprache lokalisiert, genau wie die fürs iPhone. Ist deine App übersetzt, nimm auch die lokalisierte UI auf, statt nur die Headlines zu übersetzen. Eine deutsche Headline über einem englischen Fenster wirkt unfertig. Zwei Mac-spezifische Details:

• Stell die Sprache der App um, ohne deinen Mac umzustellen. In macOS kannst du in den Systemeinstellungen unter „Allgemein“ und dann „Sprache & Region“ eine Sprache pro App festlegen. So nimmst du jede Sprache auf, ohne deine eigene Systemsprache anzufassen.
• Achte auf die Fensterbreite. Übersetzte Beschriftungen in Symbolleisten und Seitenleisten sind oft länger, und ein Fenster, das für Englisch bemessen ist, kann sie abschneiden. Prüf jede Sprache bei 1440 × 900 Punkten Fenstergröße, bevor du aufnimmst.

Unser Guide zum Lokalisieren von App-Store-Screenshots erklärt, welche Sprachen du priorisieren solltest und was du über die Wörter hinaus anpassen kannst.

Das Set gestalten

Ein Mac-Set kannst du in jedem Design-Tool aufbauen: 2880 × 1800 große Frames anlegen, deine Fensteraufnahmen hineinziehen und in 1x exportieren. Unser Guide zu App-Store-Screenshots in Figma zeigt das Komponenten-Setup, und das lässt sich direkt auf Mac-Größen übertragen.

In Launch Shots enthält der Editor Geräterahmen für MacBook Pro und MacBook Air, und du kannst jede beliebige Breite und Höhe für die Arbeitsfläche eintippen, eine 2880 × 1800 große Mac-Fläche funktioniert also. Die eingebauten Größenvorlagen gibt es allerdings nur für iPhone, iPad und Android, für den Mac stellst du die Größe also selbst ein.

Checkliste für Screenshots im Mac App Store

• Jede Datei hat 1280 × 800, 1440 × 900, 2560 × 1600 oder 2880 × 1800 Pixel; am besten 2880 × 1800.
• Zwischen 1 und 10 Screenshots, JPEG oder PNG, keine Transparenz.
• Fensteraufnahmen mit screencapture -w -o -x, von einem Fenster mit 1440 × 900 Punkten auf einem Retina-Mac.
• „Nicht stören“ an, Schreibtischsymbole ausgeblendet, neutrales Hintergrundbild, realistische Daten, ein Erscheinungsbild durchgehend.
• Catalyst-App: ein eigenes Mac-Set. iPad-App auf Apple Chip: kein separates Mac-Set nötig.
• Kurze Headlines neben dem Fenster; in die UI hineinschneiden; zeigen, was nur die Mac-Version kann.