So sehen Ihre Screenshots in sozialen Medien gut aus
Aktualisiert am 30. Oktober 2026
Ein Screenshot wirkt im Feed gut, wenn er eine Sache klar zeigt, mit etwas Platz auf einem ruhigen Hintergrund liegt und in der Größe exportiert ist, die die Plattform erwartet. Schneiden Sie ihn auf das Wesentliche zu, fügen Sie Rand und Hintergrund hinzu, setzen Sie Handy-Screenshots in einen Geräterahmen, behalten Sie einen weichen Schatten und posten Sie ein JPEG in der Größe der Plattform. Der Rest dieses Ratgebers erklärt jeden Schritt und die Fehler, die Sie vermeiden sollten.
Die meisten Screenshots wirken im Feed aus denselben Gründen unfertig: Sie haben das falsche Format, reichen ohne Luft bis an den Rand, und der Text ist auf einem Handy zu klein zum Lesen. Nichts davon braucht Designkenntnisse.
1. Festlegen, worum es im Bild geht
Bevor Sie ein Tool öffnen, benennen Sie die eine Sache, die das Bild zeigen soll: einen neuen Screen, eine Funktion, ein Vorher-Nachher. Alles andere lenkt ab. Ein Screenshot eines ganzen App-Fensters mit einem winzigen neuen Button in der Ecke zeigt den Button nicht.
- Auf das Wesentliche zuschneiden. Nehmen Sie bei einer Mac-App nur das Fenster auf oder nur den Bereich, den Sie geändert haben. Beim Handy ist meist der ganze Bildschirm richtig, weil der Rahmen den Kontext liefert.
- Erst den Bildschirm aufräumen. Verwenden Sie realistische Beispieldaten, schließen Sie überflüssige Bereiche, verbergen Sie persönliche Namen und E-Mail-Adressen und sorgen Sie für eine ordentliche Statusleiste.
- Eine Idee pro Bild. Wenn Sie drei Funktionen zeigen wollen, machen Sie drei Bilder oder ein Karussell, nicht ein überfülltes Bild.
2. Platz lassen
Ein Screenshot, der an den Bildrand stößt, wirkt abgeschnitten, und manche Feeds beschneiden die Ränder der Vorschau. Ein Rand löst beides. Lassen Sie auf jeder Seite etwa ein Zehntel der Fläche frei, mehr bei einem einzelnen Handy auf einer breiten Fläche.
Das Format der Fläche ist so wichtig wie der Rand. Ein hoher Handy-Screenshot wird in den meisten Feeds beschnitten oder verkleinert, wenn Sie ihn unverändert posten. Legen Sie ihn stattdessen auf eine Fläche im Format der Plattform: 4:5 für Instagram- und LinkedIn-Posts, 16:9 für X, 9:16 für Stories. Bildgrößen für App-Screenshots listet alle auf.
3. Einen zurückhaltenden Hintergrund wählen
Der Hintergrund rahmt den Screenshot. Er sollte nicht mit ihm konkurrieren.
- Einfarbige Hintergründe sind die sicherste Wahl. Nehmen Sie eine Farbe aus der Palette Ihrer App, eine Stufe heller oder dunkler als die Oberfläche, damit die Kanten sichtbar bleiben.
- Weiche Verläufe geben Tiefe ohne Details. Zwei nahe Farben wirken besser als ein Regenbogen.
- Hintergrundbilder und Fotos wirken reich, aber unruhig. Sie passen hinter ein einzelnes Gerät mit viel Kontrast, weniger gut hinter kleinen Text.
Trennen Sie den Screenshot über Kontrast vom Hintergrund: eine dunkle Oberfläche auf hellem Hintergrund oder eine helle auf dunklem. Sind Oberfläche und Hintergrund beide weiß, verschwindet der Screenshot.
4. Einen weichen Schatten hinzufügen
Ein leichter Schatten hebt den Screenshot vom Hintergrund ab und lässt ihn wie ein Objekt wirken. Halten Sie ihn weich und kontrastarm: breite Unschärfe, geringe Deckkraft, leicht nach unten versetzt. Ein harter, dunkler Schatten wirkt veraltet und lenkt vom Inhalt ab.
5. Rahmen oder kein Rahmen
Ob ein Geräterahmen passt, hängt davon ab, was der Screenshot zeigt.
| Screenshot | Beste Darstellung |
|---|---|
| Ganzer iPhone- oder iPad-Bildschirm | Ein Geräterahmen. Ein Handy erkennt man sofort, und der Rahmen versteckt das harte Rechteck des Screenshots. |
| Mac-Fenster | Eine schlichte Karte: das Fenster auf einem Hintergrund, mit eigenen abgerundeten Ecken und weichem Schatten. Kein Gerät nötig. |
| Ausschnitt eines Bildschirms | Eine schlichte Karte mit abgerundeten Ecken oder eine vergrößerte Detailansicht neben dem ganzen Bildschirm. |
Bei Geräterahmen wirkt ein realistischer Rahmen hochwertig und konkret. Ein minimalistischer, etwa ein Clay-Mockup, lenkt den Blick auf die Oberfläche und kann Ihre Markenfarben aufnehmen. Entfernen Sie bei Mac-Fenstern zuerst den Schlagschatten von macOS und fügen Sie einen saubereren hinzu; siehe Mac-Screenshot ohne Schatten aufnehmen.
6. Leicht neigen oder gar nicht
Eine leichte Neigung lässt ein Handy wie ein Objekt wirken und bringt Bewegung in ein statisches Bild. Bleiben Sie behutsam. Ein zu stark geneigter Bildschirm ist schwer lesbar, und Text darauf wird gestaucht. Frontal funktioniert am besten, wenn der Inhalt dicht ist, etwa bei Einstellungen oder einer langen Liste.
7. Eine Serie einheitlich halten
Wenn Sie mehrere Bilder oder ein Karussell posten, sollten sie wie ein Set aussehen:
- Dieselbe Flächengröße und derselbe Hintergrund oder Hintergründe aus einer Palette.
- Dasselbe Gerät, dieselbe Rahmenfarbe und derselbe Winkel.
- Das Gerät auf jedem Bild an derselben Stelle, damit sich das Wischen ruhig anfühlt.
Erst die Einheitlichkeit lässt eine Serie bewusst gestaltet statt zusammengewürfelt wirken.
8. Text in Feed-Größe lesbar machen
Die meisten sehen Ihr Bild auf einem Handy, wenige Zentimeter breit. Oberflächentext, der auf Ihrem Mac gut aussieht, wird dort unlesbar.
- Stellen Sie beim Aufnehmen in der App größere Dynamic-Type-Größen ein, wenn der Bildschirm es zulässt.
- Zeigen Sie weniger, dafür größere Elemente statt eines vollen Bildschirms mit kleinen Zeilen.
- Wenn Sie eine Überschrift hinzufügen, halten Sie sie kurz und groß. Ein paar Wörter sind besser als ein Satz.
Machen Sie den Test: Sehen Sie sich das exportierte Bild mit ausgestrecktem Arm auf Ihrem Handy an. Wenn Sie die Augen zusammenkneifen müssen, ist es zu klein.
9. In der richtigen Größe und im richtigen Format exportieren
- Größe: Exportieren Sie in der Größe der Plattform oder größer, etwa 1080 × 1350 für einen 4:5-Post. Plattformen skalieren Bilder ohnehin, eine viel größere Datei verlangsamt nur den Upload.
- JPEG zum Posten: Es ist klein und sieht nach der Kompression durch die Plattform genauso aus.
- PNG für Details: Nutzen Sie es, wenn das Bild in eine Präsentation, auf eine Website oder in eine Designdatei kommt oder einen transparenten Hintergrund braucht.
Was Sie tun und lassen sollten
| Tun | Lassen |
|---|---|
| Eine Idee pro Bild zeigen | Drei Funktionen in einen Screenshot quetschen |
| Auf jeder Seite gleich viel Rand lassen | Den Screenshot die Ränder berühren lassen |
| Einen ruhigen Hintergrund mit Kontrast nutzen | Eine weiße Oberfläche auf weißen Hintergrund setzen |
| Schatten weich und dezent halten | Einen harten schwarzen Schlagschatten verwenden |
| Handy-Screenshots in ein Gerät rahmen | Einen hohen, rohen Screenshot posten, der beschnitten wird |
| Leicht neigen oder gar nicht | So stark neigen, dass der Text unlesbar wird |
| Echt wirkende Beispieldaten nutzen | Testdaten, private E-Mails oder 3 % Akku zeigen |
| Größe, Rahmen und Winkel in einer Serie gleich halten | Formate und Stile in einem Karussell mischen |
Alles auf einmal erledigen
Jeden dieser Schritte können Sie in einer Design-App erledigen, aber es wiederholt sich. FeatureFrame erledigt es an einem Ort auf Ihrem Mac: Ziehen Sie einen Screenshot hinein, und die App erkennt das Gerät und rahmt ihn in 3D ein oder setzt eine Mac-Fensteraufnahme als schlichte Karte. Wählen Sie dann das Format der Fläche, einen Hintergrund (einfarbig, Verlauf, macOS-Hintergrundbild oder eigenes Bild), den Schatten und den Winkel, und kopieren oder exportieren Sie ein JPEG oder PNG mit bis zu 4K. Bis zu drei Screenshots passen auf eine Fläche, und Sie können ein @Handle oder Logo als Wasserzeichen hinzufügen; Screenshots mit Wasserzeichen versehen erklärt, wann das hilft.
Für die einzelnen Plattformen lesen Sie App-Screenshots auf X teilen und ein Instagram-Karussell erstellen. FeatureFrame im Mac App Store laden.
Weitere Ratgeber
- Bildgrößen für App-Screenshots in sozialen Medien
- So setzen Sie einen Screenshot auf dem Mac in einen iPhone-Rahmen
- So teilen Sie App-Screenshots auf X
- So erstellen Sie ein Instagram-Karussell mit Ihren App-Screenshots
- Social-Media-Bilder für Ihren App-Launch: eine Checkliste
- Build in Public: So teilen Sie Fortschritts-Screenshots
- Kostenlose Mockup-Rahmen für iPhone und iPad