Warum ein roher Screenshot falsch aussieht
Ein Screenshot ist ein Rechteck aus Pixeln, herausgeschnitten aus einem viel größeren Bildschirm. Für sich allein hat er keine Kanten, keinen Kontext und keine Luft, und genau deshalb wirkt er in einer Folie oder einem Blogpost immer so, als wäre er dort aus Versehen gelandet.
Drei Dinge beheben das, und keins davon braucht gestalterisches Können. Abstand gibt dem Bild Platz, statt es an den Text daneben stoßen zu lassen. Abgerundete Ecken und ein Schatten sagen dem Auge: das ist ein Fenster, kein Fleck auf der Seite. Und ein Hintergrund lässt das Ganze bewusst gesetzt wirken, weshalb ihn jeder Produkt-Launch-Post verwendet, den du je gesehen hast.
Was dieses Tool anders macht als ein Bildeditor
In den meisten Werkzeugen macht man das nacheinander: hier zuschneiden, dort einen Rahmen hinzufügen, dann einen Verlaufsgenerator suchen. Das sind drei Tools und zwei Exporte, und in den Exporten geht die Qualität verloren.
Hier ist es ein Durchgang. Abstand, Ecken, Schatten, Rahmen und Hintergrund einstellen, das Ergebnis sofort sehen, einmal exportieren. Die einzige Kompression, die dein Bild berührt, ist das finale PNG, und das ist verlustfrei.
Der Fensterrahmen, und wann du ihn weglässt
Der Rahmen zeichnet eine angedeutete Titelleiste mit den drei Ampelpunkten über dein Bild. Das ist eine Konvention, keine Behauptung: er signalisiert, dass das Gezeigte aus einem Anwendungsfenster stammt.
Nutze ihn, wenn der Screenshot eine App oder eine Website zeigt und der Kontext hilft. Lass ihn weg bei Handy-Screenshots, bei Terminal-Ausschnitten oder wenn es ein kleiner Ausschnitt ist, denn eine Titelleiste über einem Fragment wirkt nur unruhig.
Welche Größe, je nachdem wohin es geht
Die Einstellung für das Ausgabeformat gibt es, weil jede Plattform einen Screenshot anders beschneidet, und über den Zuschnitt entscheidet die Plattform, nicht du.
| Wohin | Format | Warum |
|---|---|---|
| X, LinkedIn, ein Blogpost | 16:9 | Füllt die Vorschaukarte, ohne oben und unten abgeschnitten zu werden |
| Instagram-Feed | 1:1 | Das Quadrat ist das einzige Format, das nie beschnitten wird |
| Stories, Reels, TikTok | 9:16 | Alles andere bekommt graue Balken an den Seiten |
| Dokumentation, Ticket, Folie | An das Bild anpassen | Kein verschenkter Platz, und der Leser schaut ohnehin bewusst hin |
Die Regel dahinter: nimm das Format des Behälters, nicht das deines Screenshots. Ein hoher Screenshot in einem 16:9-Rahmen bekommt seitlich Abstand, und das wirkt gewollt. Ein hoher Screenshot roh gepostet wird von der Plattform beschnitten, und das wirkt nicht gewollt.
Schwärze Privates, bevor du exportierst
Screenshots sind die heikelsten Bilder, die die meisten Leute teilen. Kontonummern, Chatverläufe, E-Mail-Adressen, ein vergessener offener Tab in der Ecke. Sobald es als PNG im Chat eines anderen liegt, hast du es nicht mehr in der Hand.
Zwei Gewohnheiten lohnen sich. Erst zuschneiden, dann aufhübschen. Der schnellste Weg, etwas zu entfernen, ist es gar nicht erst aufzunehmen, und ein engerer Ausschnitt ist meistens ohnehin der bessere Screenshot. Prüf die Ränder. Was durchrutscht, ist fast nie das Motiv, sondern die Benachrichtigung, die oben hereingefahren ist, die Lesezeichenleiste oder der Dateipfad im Titel.
Wenn du etwas im Bild verdecken musst, nimm einen deckenden Block statt Weichzeichner. Weichzeichnen und Verpixeln lassen sich bei kurzem, vorhersehbarem Text wie einer Zahl manchmal rückgängig machen. Ein deckendes Rechteck nicht.
Warum der Export ein PNG ist
Screenshots sind der schlimmste Fall für JPEG. JPEG wirft feine Details weg, und die Kante eines Buchstabens besteht aus nichts anderem als feinen Details, also bekommt Text einen grauen Schleier, der bei jedem erneuten Speichern schlimmer wird.
PNG ist verlustfrei. Die Datei ist größer, manchmal um ein Vielfaches, und dieser Tausch ist Absicht. Ein Screenshot existiert, um gelesen zu werden, und eine kleinere Datei, die schlechter lesbar ist, hat dir nichts gespart.
Wenn die Größe wirklich zählt, reduziere den Abstand oder nimm einen einfarbigen statt eines Verlaufshintergrunds. Beides schrumpft die Datei deutlich, weil flache Farbe sich viel besser komprimiert als ein weicher Übergang.
Nichts wird hochgeladen, und das kannst du prüfen
Das Bild wird von dieser Seite gelesen und auf ein Canvas-Element gezeichnet. Kein Upload, keine Warteschlange, kein Server, der deine Datei kurz vorhält. Zum Nachprüfen: Seite laden, Netzwerk trennen, trotzdem ein Bild bearbeiten. Es funktioniert, weil es nie eine Anfrage gab.
Bei Screenshots wiegt das schwerer als bei anderen Bildern. Screenshots sind, womit Leute Banking-Apps, Chatverläufe, Bordkarten und halbfertige Arbeit festhalten, also genau die Dateien, die man für einen Farbverlauf nicht auf den Server eines Fremden legen sollte.