Die kurze Antwort
Ein roher Screenshot hat harte Kanten, keinen Platz zum Atmen und verschwimmt oft mit der Seite, auf der er gepostet wird. Produktteams und Designer lösen das immer mit denselben wenigen Handgriffen: Abstand um das Bild, ein Hintergrund, der es vom Feed abhebt, runde Ecken, die an moderne App-Fenster erinnern, und ein Schatten, der es vom Hintergrund löst.
Füge deinen Screenshot mit Strg+V in das Tool unten ein, wähle einen der fertigen Hintergründe, und du hast schon ein brauchbares Bild. Die folgenden Abschnitte erklären, wie du jede Einstellung wählst, damit das Ergebnis bewusst gestaltet wirkt und nicht überladen.
Hier ausprobieren: Screenshot verschönern
Vollständige Tool-Seite öffnenFang mit einer guten Aufnahme an
Kein Rahmen und kein Verlauf rettet einen Screenshot, der zu viel zeigt. Überleg dir vor dem Gestalten, was der Betrachter sehen soll, und nimm nur genau das auf.
Ein paar Gewohnheiten machen Aufnahmen sauberer. Schließ unnötige Tabs und Benachrichtigungen, blende Lesezeichenleisten und persönliche Namen aus und zoome die Seite so, dass der Text auch auf dem Handy lesbar ist. Enthält der Screenshot E-Mail-Adressen, Kundendaten oder Tokens, mach sie vorher unkenntlich; ein Social-Media-Post ist öffentlich und wird kopiert.
- Nimm einen Bereich auf, nicht den ganzen Bildschirm: Windows + Umschalt + S unter Windows und Befehl + Control + Umschalt + 4 auf dem Mac kopieren einen ausgewählten Bereich in die Zwischenablage.
- Nutze ein sauberes Demokonto, damit keine echten Namen oder Zahlen auftauchen.
- Zoome den Browser vor der Aufnahme kleiner Oberflächen auf 110 bis 125 Prozent.
- Schneide eng um den Inhalt zu; der Rand kommt danach dazu.
Den Hintergrund wählen
Der Hintergrund hat nur eine Aufgabe: den Screenshot vom Feed abzuheben, ohne Aufmerksamkeit zu stehlen. Sanfte Verläufe aus zwei Farben funktionieren gut, weil sie ruhig, aber eindeutig nicht weiß sind. Ein heller Screenshot wirkt am besten auf einem hellen oder pastelligen Verlauf; ein Screenshot im Dunkelmodus hebt sich auf einem tiefen Schiefergrau ab.
Markenfarben sind eine gute Wahl für ein Firmenkonto, solange sie nicht kräftiger sind als der Inhalt. Wird das Bild auf eine Folie oder Webseite mit eigenem Hintergrund gesetzt, wähle Transparent und speichere als PNG. Der Regler Richtung dreht den Verlauf. Das hilft, wenn eine Ecke des Screenshots unruhig ist und du die hellere Farbe dahinter haben willst.
Rand, Ecken und Schatten
Diese drei Einstellungen entscheiden, ob das Ergebnis edel oder übertrieben aussieht. Im Tool werden sie relativ zur Größe des Screenshots berechnet, deshalb sehen dieselben Werte bei einem kleinen Ausschnitt genauso aus wie bei einem ganzen Bildschirmfoto.
| Einstellung | Guter Startwert | Zu viel sieht aus wie |
|---|---|---|
| Rand | 6 bis 10 Prozent | Ein winziger Screenshot, der in Farbe schwimmt |
| Ecken | 10 bis 16 | Eine Pillenform, die Inhalt abschneidet |
| Schatten | 30 bis 50 | Ein dunkler Fleck unter dem Fenster |
Fenster- und Browserrahmen
Ein Rahmen sagt dem Betrachter, was er gerade sieht. Der macOS-Rahmen fügt eine Titelleiste mit den drei farbigen Fensterknöpfen hinzu; er passt zu Desktop-Apps, Code-Editoren und allem, was als Fenster gezeigt wird. Der Browserrahmen fügt eine Adressleiste hinzu und passt zu Websites und Web-Apps.
Tippe die Adresse, die du zeigen willst, in den Rahmen, zum Beispiel deine öffentliche Domain statt einer localhost-Testadresse, oder lass das Feld leer. Nimm den dunklen Rahmen für Screenshots im Dunkelmodus, damit die Leiste nicht über dem Inhalt leuchtet. Zeigt der Screenshot schon seinen eigenen Fensterrahmen, wähle Keiner, damit kein Fenster im Fenster entsteht.
Größen für X, LinkedIn und Instagram
Jede Plattform schneidet Bilder im Feed anders zu. Exportierst du in der passenden Form, bleibt dein Screenshot mittig und unbeschnitten. Die Plattformen ändern ihre Layouts ab und zu, prüf es also mit einem Testpost, wenn es darauf ankommt.
| Wo | Größe im Tool | Pixel bei 1x |
|---|---|---|
| X-Post | X-Post | 1600 x 900 |
| LinkedIn-Post | LinkedIn-Post | 1200 x 627 |
| Instagram-Feed | Hochformat 4:5 oder Quadratisch 1:1 | Hängt vom Screenshot ab |
| Folien und Video | 16:9 | Hängt vom Screenshot ab |
| Dokus, Blogartikel, README-Dateien | Automatisch | Screenshot plus Rand |
Dateityp und Auflösung
PNG ist die richtige Standardwahl für Screenshots: Text und feine Linien bleiben scharf, und Transparenz wird unterstützt. JPG ergibt kleinere Dateien und passt, wenn eine Plattform die Uploadgröße begrenzt; bei einem Verlauf als Hintergrund ist der Unterschied kaum zu sehen.
Wähle 2x, wenn das Bild auf hochauflösenden Handys und Laptops angesehen wird oder du es später verkleinerst. Es verdoppelt Breite und Höhe. Ergebnisse sind auf 8000 Pixel an der längsten Seite begrenzt, mehr als jedes soziale Netzwerk anzeigt. Bild kopieren legt ein PNG in die Zwischenablage, sodass du es direkt in einen Post oder Chat einfügen kannst.