Screenshot-Verschönerer

Ein nackter Screenshot sieht flach aus, wo immer Sie ihn einfügen

Ein Screenshot direkt von Ihrem Bildschirm ist ein Rechteck aus Pixeln mit einer harten Kante an allen vier Seiten. Für sich genommen ist das für einen Fehlerbericht in Ordnung. Aber in dem Moment, in dem Sie ihn in einen Tweet, eine Folie, ein Landingpage-Hero oder ein Notion-Dokument setzen, sieht er unfertig aus – er stößt direkt an den umgebenden Text, die Ecken wirken scharf und billig, und es gibt keine Trennung zwischen Bild und Hintergrund. Sie haben die gepflegte Version hundertmal gesehen: ein Produkt-Screenshot, der auf einem sanften Farbverlauf schwebt, mit etwas Luft ringsum, sanft abgerundeten Ecken und einem zarten Schatten, sodass er sich von der Seite abhebt. Dieser Look ist kein Filter und keine Stock-Vorlage. Es sind drei kleine Dinge, aufeinandergestapelt, und dieses Werkzeug tut genau diese drei Dinge.

Sie legen einen Screenshot auf die Canvas, und es komponiert das fertige Bild live in Ihrem Browser. Sie wählen einen Hintergrund – einen voreingestellten Farbverlauf, eine Volltonfarbe oder transparent –, stellen ein, wie viel Abstand um den Screenshot sitzt, wählen den Eckradius und drehen den Schlagschatten hoch oder runter. Die Vorschau aktualisiert sich, während Sie arbeiten. Wenn es richtig aussieht, exportieren Sie ein PNG. Der Screenshot, der einen E-Mail-Verlauf, ein Dashboard, einen Chat, Kontonummern, alles Mögliche enthalten kann, wird direkt auf ein <canvas>-Element gezeichnet und verlässt nie den Tab. Kein Upload, kein Konto, und sobald die Seite geladen ist, funktioniert sie mit ausgeschaltetem Netz weiter.

Was Abstand, Rundung, Schatten und Farbverlauf tatsächlich tun

• Abstand gibt dem Screenshot Rand, sodass er nicht von Kante zu Kante gequetscht ist. Diese Lücke ist es, die ihn als bewusst platziertes Objekt auf einer Oberfläche lesen lässt statt als rohe Aufnahme.
• Abgerundete Ecken am Screenshot selbst mildern die vier harten rechten Winkel. Es ist eine winzige Änderung, die sofort als „gestaltet" statt „geschnappt" liest.
• Ein weicher Schlagschatten trennt den Screenshot vom Hintergrund, sodass er aussieht, als schwebe er leicht über der Oberfläche, statt flach darauf geklebt zu sein. Halten Sie ihn zart – das ist es, was die Tiefe verkauft, ohne schwer zu wirken.
• Ein Farbverlauf (oder Volltonfarbe) als Hintergrund füllt den Abstand mit Farbe. Ein sanfter Zweiton-Farbverlauf ist der einzelne größte Grund, warum jene App-Launch- und Changelog-Screenshots teuer aussehen; eine Volltonfarbe ist die ruhigere, markengerechte Alternative.

Zusammen ergeben diese den „Produkt-Screenshot"-Look, und das ist der ganze Umfang des Werkzeugs – nicht mehr, nicht weniger.

Seitenverhältnisse für den Zielort

Die Ausgabe kann Auto sein (der Rahmen umschließt einfach Ihren Screenshot plus Abstand) oder auf 16:9, 4:3, 1:1 oder 3:4 festgelegt. Das Verhältnis zählt, weil jeder Ort, an dem Sie posten, eine bevorzugte Form hat: 16:9 für Foliensätze und breite Social-Karten, 1:1 für einen quadratischen Instagram- oder LinkedIn-Beitrag, 3:4 für ein hohes Bild, das mehr eines Telefonbildschirms füllt. Legen Sie das Verhältnis fest, und der Abstand füllt den Rest des Rahmens um Ihren Screenshot aus, sodass der Export in diesen Platz passt, ohne unschön beschnitten zu werden.

Transparenter Hintergrund, mit Absicht

Setzen Sie den Hintergrund auf transparent, und das PNG exportiert mit dem Abstandsbereich klar statt farbig. Das ist der, den Sie wollen, wenn Sie den Screenshot mit abgerundeten Ecken und Schatten auf Ihren eigenen Hintergrund in Figma, Keynote oder ein Vorschaubild setzen – Sie behalten Abstand, Radius und Schatten und legen ihn auf welche Oberfläche auch immer, die Sie bereits haben. Der Schatten bleibt; nur die Füllung dahinter verschwindet.

Warum nur-lokal hier der Punkt ist

Screenshots gehören still zu den privatesten Dingen, von denen Sie je eine Version teilen wollen. Eine einzelne Aufnahme kann den Namen eines Kunden, eine Rechnung, eine private DM, eine interne Kennzahl, ein Token in einer URL-Leiste zeigen. Ein Verschönerer, der Ihr Bild zum „Verarbeiten" auf einen Server hochlädt, bittet Sie, all das herzugeben, nur um einen Schatten hinzuzufügen. Hier ist das Zusammensetzen schlichte Canvas-Arbeit in Ihrem eigenen Browser, sodass es nichts hochzuladen und nichts zu vertrauen gibt.

Eine ehrliche Anmerkung zum Umfang: Dies fügt den Farbverlauf-Abstand-Schatten-Feinschliff hinzu und sonst nichts. Es umrahmt Ihren Screenshot nicht mit einer Browser-Umrandung oder einem Telefon-Rahmen-Modell, und es fügt keine Pfeile, Unschärfen oder Anmerkungen hinzu – es ist der Verschönerungs-Look, ein Screenshot nach dem anderen.