Screenshot verschönern

So verschönern Sie einen Screenshot

1. Ziehen Sie einen Screenshot auf die Ablagefläche, klicken Sie darauf, um eine Datei auszuwählen, oder fügen Sie ihn direkt nach der Aufnahme mit Strg+V (⌘+V auf dem Mac) ein. Die Schaltfläche Aus Zwischenablage einfügen macht dasselbe, sofern der Browser es erlaubt.
2. Wählen Sie einen Fensterrahmen: macOS-Fenster (die roten, gelben und grünen Knöpfe), Windows-Fenster (Minimieren, Maximieren und Schließen rechts), Browserfenster (ein Tab, Navigationsknöpfe und eine Adressleiste) oder Kein Rahmen. Wählen Sie das passende Rahmendesign, Hell oder Dunkel.
3. Geben Sie einen Fenstertitel oder URL ein. Er erscheint in der Titelleiste bzw. im Tab und in der Adressleiste des Browserrahmens (ein vorangestelltes https:// wird wie im Browser weggelassen).
4. Wählen Sie einen Hintergrund: eine der Vorlagen unter Farbverlauf, Einfarbig, ein eigenes Bild, einen Weichgezeichneten Screenshot (eine weiche, unscharfe Kopie der Aufnahme selbst) oder Transparent.
5. Passen Sie Innenabstand, Eckenradius, Schattengröße, Schattenversatz und Schattendeckkraft an. Die Vorschau aktualisiert sich bei jeder Reglerbewegung.
6. Wählen Sie ein Seitenverhältnis, wenn das Bild für einen bestimmten Ort gedacht ist, und eine Ausgabegröße.
7. Klicken Sie auf PNG herunterladen oder auf Bild kopieren, um das Ergebnis direkt in einen Chat, ein Dokument oder eine Folie einzufügen.

Warum einen Screenshot rahmen?

Ein roher Screenshot hat harte Kanten und verschwimmt mit der weißen Seite um ihn herum. Auf einem farbigen Hintergrund, mit Luft drumherum und einem weichen Schatten, hebt er sich vom umgebenden Inhalt ab und wirkt wie ein Objekt: ein Fenster, das Sie zeigen, kein Stück der Seite. Diesen Look sieht man bei Produkteinführungen, Changelogs, Dokumentationen, Tweets und Präsentationen.

Die Fensterrahmen werden vom Tool Pixel für Pixel selbst gezeichnet, nicht aus einem Betriebssystem kopiert. Sie liefern Kontext (eine Desktop-App, eine Website) und kaschieren, dass die Aufnahme zugeschnitten wurde. Verwenden Sie für Webseiten den Browserrahmen: Er zeigt auch Ihre URL, was in Anleitungen nützlich ist.

Seitenverhältnisse für soziale Netzwerke

Mit Automatisch (an Screenshot angepasst) besteht das Bild genau aus dem Screenshot plus Innenabstand. Die anderen Vorlagen vergrößern den Hintergrund nur in eine Richtung und halten das Fenster zentriert, sodass nichts abgeschnitten wird:

• 16:9 (X / Twitter, YouTube, Folien): das Verhältnis, das X in der Timeline ohne Beschnitt anzeigt, und das Format der meisten Präsentationen.
• 1,91:1 (LinkedIn-, Facebook-Linkvorschau): das Format von Open-Graph-Linkbildern (1200 × 628 px).
• Quadratisch 1:1 (Instagram) und Hochformat 4:5 (Instagram-Feed): die beiden Formate, die der Instagram-Feed vollständig zeigt.
• 9:16 (Stories, Reels) für Hochkantformate und 4:3 (Präsentationen) für ältere Folienvorlagen.

Größen und Qualität

Das Ergebnis behält die volle Auflösung Ihres Screenshots, damit Text scharf bleibt. Der Innenabstand ist ein Prozentsatz der Fenstergröße, und Titelleiste, Eckenradius und Schatten skalieren mit der Breite des Screenshots – eine Retina-Aufnahme und eine kleine sehen also gleich aus. Die PNG-Größe steht unter der Vorschau. Stellen Sie die Ausgabegröße auf 50 % für eine leichtere Datei oder auf 200 %, um eine kleine Aufnahme zu vergrößern. Sehr große Ergebnisse werden auf das größte Canvas verkleinert, das jeder Browser erzeugen kann.

PNG ist verlustfrei und bewahrt Transparenz: Bei Transparent als Hintergrund bleiben nur das Fenster und sein Schatten übrig, bereit für jedes Design. Alles geschieht in Ihrem Browser: Der Screenshot wird nie hochgeladen.