Screenshot Studio: Kostenloser Screenshot-Verschönerer, Editor und Mockup-Maker
Kostenloses Screenshot-Studio: Erfassen Sie Ihren Bildschirm, fügen Sie Verlaufshintergründe, Fensterrahmen und 3D-Neigungen hinzu, kommentieren Sie mit Pfeilen, Schritten, Unschärfe und Spotlight, erstellen Sie iPhone- und MacBook-Modelle, wandeln Sie Code in Bilder um, fügen Sie scrollende Screenshots zusammen und entfernen Sie Statusleisten. PNG-, JPG-, WebP- oder SVG-Export bis zu 4×, 100 % in Ihrem Browser.
Screenshot Studio ist eine kostenlose All-in-One-Screenshot-App, die in Ihrem Browser ausgeführt wird. Erfassen Sie Ihren Bildschirm, verschönern Sie Aufnahmen mit Farbverläufen, Netz- oder unscharfen Hintergründen, Fensterrahmen und 3D-Neigung und versehen Sie sie mit Pfeilen, nummerierten Schritten, Spotlight und permanenter Schwärzung. Sie können sie auch in iPhone-, iPad- und MacBook-Modellen platzieren, Code in thematische Bilder umwandeln, scrollende Aufnahmen zusammenfügen und Telefon-Screenshots bereinigen. Exportieren Sie PNG, JPG, WebP oder SVG ohne Uploads, ohne Wasserzeichen und ohne Anmeldung.
Screenshot Studio ersetzt den Stapel von Einzweck-Apps, mit denen die meisten Leute jonglieren. Erfassen Sie Ihren Bildschirm, ein Fenster oder eine Browser-Registerkarte. Verschönern Sie es mit einem Verlaufs-, Netz- oder unscharfen Hintergrund, einem macOS-, Windows- oder Browserrahmen und einer 3D-Neigung; Kommentieren Sie es mit Pfeilen, nummerierten Schritten, Textbeschriftungen, Unschärfe, Scheinwerfer und einer Lupe. Legen Sie es in ein iPhone-, iPad- oder MacBook-Modell ab. Stitch-Scrolling erfasst ein langes Bild; oder verwandeln Sie einen Codeausschnitt in ein gemeinsam nutzbares Bild. Jeder Modus übergibt sein Ergebnis mit „Senden an“ an den nächsten, sodass eine Aufnahme in einem Arbeitsgang zugeschnitten, mit Anmerkungen versehen, verschönert und gerahmt werden kann. Alles läuft lokal auf der Canvas-API, daher werden niemals Screenshots hochgeladen und es gibt kein Wasserzeichen oder eine Anmeldung.
Merkmale
Aufnahme: Erfassen Sie Ihren Bildschirm, ein Fenster oder eine Browser-Registerkarte mit einer Verzögerung von 3/5/10 Sekunden und wählen Sie eine Region aus
Einfügen (Strg/⌘+V), Drag-and-Drop oder Hochladen in einen beliebigen Modus, plus ein integriertes Beispiel zum Ausprobieren
Senden an: Übergeben Sie das Ergebnis zwischen Capture, Beautify, Annotate, Mockup, Stitch und Crop in einem Fluss
Verschönern: 18 Verläufe, 8 Mesh-Verläufe, Vollton-, Tapeten- oder verschwommene Screenshot-Hintergründe mit Körnung
macOS, Windows, Browser (mit URL), Glas- und Umrissfensterrahmen
Polsterung, Einfügung mit automatischer Kantenfarbe, Eckenradius, 5 Schattenstilen, 3D-Perspektivneigung und -drehung
Social-Canvas-Voreinstellungen: X-Post, Open Graph, LinkedIn, YouTube, Product Hunt, Dribbble, 1:1, 4:5, 9:16 und benutzerdefinierte Größen
Überschrift, Unterüberschrift und Wasserzeichentext, 8 schnelle Stile, gespeicherter Stil und Batch-ZIP-Export
Kommentieren: Objektbasierter Editor, in dem Sie Markierungen auswählen, verschieben, in der Größe ändern, neu gestalten, duplizieren, neu anordnen und löschen können
Konische, klassische und Doppelpfeile, Rechtecke, Ellipsen, Linien, Textbeschriftungen, automatisch nummerierte Schritte und Emoji-Stempel
Schwärzen Sie mit Pixelierung, Unschärfe oder einem schwarzen Balken, alles in die exportierten Pixel integriert
Spotlight, Lupe, Markierungsfeld, Textmarker und Stift, mit Rückgängig/Wiederherstellen und Tastaturkürzeln
Sechs Geräteausführungen, Querformat, Bildschirmblendung, 3D-Neigung und eine reaktionsfähige MacBook + iPad + iPhone-Szene
Ansichtsfensterplaner mit CSS-Ansichtsfenster, Pixelverhältnis und nativer Screenshot-Größe jedes Geräts
Code zum Bild: 19 automatisch erkannte Sprachen, 10 Themen, Zeilennummern, hervorgehobene Zeilen, verschiedene Farben, PNG und SVG
Nähen Sie vertikal, nebeneinander oder in einem Raster mit pixelgenauer Scroll-Überlappungsentfernung und Sticky-Header-Beschnitt
Zuschneiden und Bereinigen: Exaktes Entfernen der Statusleiste und Home-Anzeige für iPhone/iPad-Größen, automatisches Zuschneiden der Ränder, Drehen und Spiegeln
Exportieren Sie PNG, JPG oder WebP mit 1–4× und kopieren Sie es direkt in die Zwischenablage, ohne Wasserzeichen und ohne Uploads
So verwenden Sie Screenshot Studio
1
Bringen Sie einen Screenshot mit
Erfassen Sie Ihren Bildschirm, Ihr Fenster oder Ihre Registerkarte in Capture, drücken Sie zum Einfügen Strg/⌘+V, ziehen Sie eine Datei hinein oder klicken Sie auf „Beispiel ausprobieren“.
2
Wählen Sie einen Modus
Wählen Sie auf den Registerkarten „Verschönern“, „Anmerken“, „Mockup“, „Code“, „Stitch“ oder „Zuschneiden und bereinigen“ aus. Ihre Arbeit in jedem Modus bleibt erhalten, wenn Sie wechseln.
3
Bearbeiten
Gestalten Sie den Hintergrund und den Rahmen, zeichnen Sie Pfeile, Schritte und Schwärzungen, platzieren Sie die Aufnahme in einem Gerät oder fügen Sie sie zusammen und schneiden Sie sie zu – alles mit einer Live-Vorschau.
4
Kettenmodi
Verwenden Sie „Senden an“, damit das Ergebnis fortgesetzt wird, z. B. „Erfassen“ → „Zuschneiden und bereinigen“ → „Anmerken“ → „Verschönern“.
5
Export
Wählen Sie PNG, JPG oder WebP und einen 1–4-fachen Maßstab und dann „Herunterladen“ oder „Kopieren“. Alles wird auf Ihrem Gerät verarbeitet.
Häufige Anwendungsfälle
Verwandeln Sie einen einfachen Screenshot in einen X-, LinkedIn- oder Product Hunt-Beitrag mit einem Hintergrund und einer Überschrift mit Farbverlauf
Kommentieren Sie Fehlerberichte mit Pfeilen, nummerierten Schritten und redigierten persönlichen Daten
Schreiben Sie Help-Center- und Onboarding-Anleitungen mit hervorgehobenen Schritt-für-Schritt-Screenshots
Zeigen Sie eine App oder Website in iPhone-, iPad- und MacBook-Modellen für eine Landingpage oder ein Portfolio an
Teilen Sie Codeausschnitte als thematische Bilder in sozialen Medien, in Folien oder in Dokumenten
Fügen Sie eine lange Bildlaufseite oder einen Chat zu einem Bild zusammen, ohne doppelte Zeilen
Bereinigen Sie Statusleisten und Home-Anzeigen von Telefon-Screenshots für den App Store und überprüfen Sie Bilder
Erstellen Sie Vorher-/Nachher-Vergleiche und Raster für Versionshinweise und Änderungsprotokolle
Detaillierte Anleitung
Verschönern: Social-ready-Screenshots mit einem Klick
Beautify verpackt einen einfachen Screenshot in eine polierte Karte. Wählen Sie einen von 18 Verläufen, 8 Mesh-Verläufen, einer Volltonfarbe, Ihrem eigenen Hintergrundbild oder einer unscharfen Kopie des Screenshots selbst und legen Sie dann Abstand, Eckenradius, Einschub, Schatten, 3D-Neigung und Drehung fest. Canvas-Voreinstellungen passen das Ergebnis genau für jede Plattform an, und eine Überschrift, eine Unterüberschrift und ein Wasserzeichen verwandeln einen Screenshot in einen fertigen Beitrag. Ihr Stil wird im Browser gespeichert und Batch wendet ihn auf viele Screenshots gleichzeitig an und lädt eine ZIP-Datei herunter.
Voreingestellt
Ausgabegröße
Am besten für
X-Beitrag
1600 × 900 px
Tweets und Threads
OG-Bild
1200 × 630 px
Linkvorschauen (Open Graph)
LinkedIn
1200 × 627 px
LinkedIn-Link- und Feed-Beiträge
YouTube
1280 × 720 px
Video-Thumbnails
Produktsuche
1270 × 760 px
Galeriebilder starten
Dribbeln
1600 × 1200 px
Designaufnahmen
1:1 · 4:5 · 9:16
Verhältnis Ihres Screenshots
Instagram-Feed, Porträtbeiträge, Stories und Reels
Kommentieren Sie wie ein Desktop-Screenshot-Editor
Der Anmerkungseditor ist objektbasiert: Jeder Pfeil, jedes Kästchen, jede Beschriftung oder jede Unschärfe bleibt editierbar. Wählen Sie eine beliebige Markierung aus, um sie zu verschieben, ihre Größe mit ihren Griffen zu ändern, sie neu zu gestalten, sie zu duplizieren oder zu löschen. Wählen Sie konische, klassische oder doppelköpfige Pfeile, umrissene, getönte oder einfarbige Formen sowie Textbeschriftungen mit einer kontrastierenden Kontur, die auf jedem Hintergrund gut lesbar ist. Nummerierte Stufenabzeichen zählen automatisch hoch. Schwärzungen (Pixelierung, Unschärfe oder ein durchgehender schwarzer Balken) werden in die exportierten Pixel geschrieben, sodass der verborgene Text nicht in der Datei erhalten bleibt. Spotlight dimmt alles außer dem Bereich, den die Leute sehen sollen, und die Lupe zoomt in ein kleines Detail. Der Editor bietet vollständige Funktionen zum Rückgängigmachen und Wiederherstellen sowie ein Zuschneidewerkzeug, das nur den Export zuschneidet.
Werkzeug
Abkürzung
Benutze es für
Auswählen / verschieben
V
Verschieben Sie Anmerkungen, ändern Sie ihre Größe, ändern Sie ihren Stil oder löschen Sie sie
Pfeil
A
Zeigen Sie auf eine Schaltfläche oder Einstellung (Shift rastet auf 45° ein)
Rechteck / Ellipse
R / O
Einen Bereich einrahmen (Umschalttaste zeichnet ein Quadrat oder einen Kreis)
Text
T
Beschriftungen und Beschriftungen, Umschalt+Eingabetaste für eine neue Zeile
Schrittnummer
N
Nummerierte Komplettlösungen, die von selbst zählen
Unschärfe / Schwärzung
B
E-Mails, Schlüssel und Namen verpixeln, verwischen oder mit schwarzen Balken versehen
Scheinwerfer
S
Dimmen Sie alles außer dem wichtigen Bereich
Lupe
Z
Vergrößern Sie kleine UI-Texte oder Symbole
Markierungsfeld / Textmarker / Stift
H / M / P
Hervorhebung im Marker-Stil und Freihandnotizen
Emoji / Stempel
E
Schnelle Reaktionen wie ✅ ❌ ⚠️
Ernte
C
Schneiden Sie das exportierte Bild zu, ohne Anmerkungen zu verlieren
Der Mockup-Modus zeichnet realistische Geräterahmen um Ihren Screenshot: iPhone 16 Pro, iPhone 15 und 15 Pro Max mit Dynamic Island, iPhone SE mit Home-Button, Pixel 9 und Galaxy S24 mit Lochkamera, iPad Pro, iPad mini und Galaxy Tab, MacBook Air, MacBook Pro, iMac und einem Desktop-Monitor. Es verfügt über sechs Ausführungen: Hoch- und Querformat, optionale Bildschirmblendung, eine 3D-Neigung und eine Responsive-Set-Szene, die ein MacBook, ein iPad und ein iPhone zusammen zeigt. Der Ansichtsfensterplaner zeigt für jedes Gerät das tatsächliche CSS-Ansichtsfenster, das Pixelverhältnis des Geräts und die native Screenshot-Größe an und warnt Sie, wenn die Form Ihres Screenshots nicht mit dem Bildschirm übereinstimmt.
Gerät
CSS-Ansichtsfenster
Pixelverhältnis
Nativer Screenshot
iPhone 16 Pro
402 × 874
3×
1206 × 2622
iPhone 15/15 Pro
393 × 852
3×
1179 × 2556
iPhone 15 Pro Max
430 × 932
3×
1290 × 2796
iPhone SE
375 × 667
2×
750 × 1334
Google Pixel 9
412 × 923
2.625×
1082 × 2423
Samsung Galaxy S24
360 × 780
3×
1080 × 2340
iPad Pro 11″
834 × 1194
2×
1668 × 2388
MacBook Air 13″
1470 × 956
2×
2940 × 1912
MacBook Pro 14″
1512 × 982
2×
3024 × 1964
Code zu Bild: ein kostenloser Code-Screenshot-Generator im Carbon-Stil
Fügen Sie einen Ausschnitt ein und Code to Image rendert ihn als sauberes, gemeinsam nutzbares Bild. Es erkennt automatisch 19 Sprachen, darunter JavaScript, TypeScript, JSX, Python, HTML, CSS, JSON, SQL, Go, Rust, Java, Kotlin, Swift, C/C++, C#, PHP, Ruby, YAML und Shell. Sie können aus 10 Editor-Themes wählen (Dracula, One Dark, Tokyo Night, Night Owl, Monokai, Nord, GitHub Dark and Light, Solarized Light and Paper). Zeilennummern, eine benutzerdefinierte Startzeile, hervorgehobene Zeilen und eine Rot/Grün-Differenzfärbung machen es nützlich für Dokumente und Codeüberprüfungen, und eine macOS- oder Windows-Titelleiste zeigt den Dateinamen an. Exportieren Sie ein PNG mit bis zu 4-facher Vergrößerung für gestochen scharfe Social-Media-Beiträge oder ein Vektor-SVG, dessen Text in jeder Größe scharf bleibt.
Fügen Sie Scroll-Screenshots zusammen und bereinigen Sie Telefonaufnahmen
Stitch fügt Screenshots vertikal, nebeneinander oder in einem Raster zusammen. Bei scrollenden Aufnahmen vergleicht es benachbarte Aufnahmen Pixel für Pixel und entfernt die Zeilen, in denen sie sich wiederholen. Außerdem können Sie eine klebrige Kopf- oder Fußzeile ausschneiden und jede Naht fein abstimmen. Etiketten ermöglichen schnelle Vorher-/Nachher-Vergleiche. Crop & Clean erkennt gängige iPhone- und iPad-Screenshotgrößen und entfernt die genaue Statusleiste und Home-Anzeige für dieses Modell. Bei Android-Telefonen werden die Balken geschätzt und an der nächstgelegenen realen Kante ausgerichtet. Es schneidet auch leere Ränder automatisch zu und verfügt über Voreinstellungen für Seitenverhältnisse, pixelgenaue Zuschneidefelder sowie Drehen und Spiegeln.
Wie verschönere ich einen Screenshot mit einem Hintergrund?
Öffnen Sie Beautify und legen Sie einen Screenshot ab, fügen Sie ihn ein oder machen Sie einen Screenshot. Wählen Sie einen Verlauf, ein Netz, einen Vollton, ein Hintergrundbild oder einen unscharfen Hintergrund, passen Sie die Polsterung, den Eckenradius, den Schatten und die 3D-Neigung an, fügen Sie bei Bedarf einen macOS-, Windows- oder Browserrahmen hinzu und exportieren Sie PNG, JPG oder WebP mit 1–4×.
Wie füge ich mehrere Screenshots zu einem Bild zusammen?
Öffnen Sie Stitch, fügen Sie Ihre Screenshots der Reihe nach hinzu (zum Neuordnen ziehen Sie sie) und wählen Sie „Vertikal“, „Nebeneinander“ oder „Raster“. Bei scrollenden Aufnahmen schneidet die intelligente Überlappungsentfernung die Zeilen ab, die bei jeder Aufnahme wiederholt werden. Sie können auch eine klebrige Kopf- oder Fußzeile zuschneiden und jede Naht von Hand anpassen.
Kann ich den Telefonrahmen und die Statusleiste aus einem Screenshot entfernen?
Ja. Crop & Clean erkennt gängige iPhone- und iPad-Screenshotgrößen und entfernt die genaue Statusleiste und Home-Anzeige für dieses Modell mit einem Klick. Bei Android werden die Balken geschätzt und an der nächstgelegenen Kante ausgerichtet. Beim automatischen Zuschneiden werden leere oder Letterbox-Ränder entfernt.
Wie kann ich einen Screenshot mit Pfeilen und Zahlen kommentieren?
Drücken Sie in Annotate A für Pfeile, N für automatisch nummerierte Schrittabzeichen, T für Textbeschriftungen und R für Felder. Jede Markierung bleibt bearbeitbar: Wechseln Sie zu „Auswählen“ (V), um sie zu verschieben, in der Größe zu ändern, neu zu gestalten, zu duplizieren oder zu löschen, mit vollständigem Rückgängigmachen und Wiederherstellen.
Wie kann ich sensible Teile eines Screenshots verwischen oder schwärzen?
Drücken Sie B, wählen Sie „Pixeln“, „Unschärfe“ oder „Schwarzer Balken“ und ziehen Sie über die E-Mail-Adresse, den Namen oder den API-Schlüssel. Die Schwärzung wird in die exportierten Pixel eingebrannt, sodass der Originaltext nicht in der Datei gespeichert wird. Verwenden Sie die schwarze Leiste für Passwörter und Geheimnisse.
Was ist eine Zoomlupe und wann sollte ich sie verwenden?
Die Lupe (Z) ist eine kreisförmige Lupe, die eine vergrößerte Kopie eines kleinen Details anzeigt, beispielsweise einer winzigen Einstellung, eines Symbols oder einer Fehlermeldung, sodass der Betrachter es lesen kann, ohne das Bild in voller Größe zu öffnen.
Wie hilft der Viewport Planner bei der reaktionsfähigen Qualitätssicherung?
In Mockup zeigt jedes Gerät seinen echten CSS-Ansichtsbereich, sein Gerätepixelverhältnis und seine native Screenshot-Größe an und warnt, wenn die Form Ihres Screenshots nicht übereinstimmt. Erfassen Sie diese Zahlen in der Gerätesymbolleiste Ihres Browsers für eine pixelgenaue Anpassung.
Gibt es ein Wasserzeichen oder benötige ich ein Konto?
Nein. Screenshot Studio ist kostenlos, fügt kein Wasserzeichen hinzu und erfordert keine Anmeldung.
Werden meine Screenshots auf einen Server hochgeladen?
Nein. Die Erfassung, Bearbeitung und der Export erfolgen alle lokal in Ihrem Browser mit der Canvas-API. Bilder werden nur für Ihre Sitzung gespeichert und niemals irgendwohin gesendet.
Wie erstelle ich einen schönen Screenshot mit Hintergrund?
Verwenden Sie die Quick-Stile von Beautify (Sauber, Mitternacht, Glas, 3D-Neigung, X-Post, Brutal, Unscharf oder Minimal), um mit einem Klick einen fertigen Look zu erzielen, und passen Sie dann Hintergrund, Rahmen und Schatten an.
Kann ich einen schön gestalteten Code-Screenshot erstellen?
Ja. Öffnen Sie Code, fügen Sie Ihr Snippet ein und die Sprache wird automatisch erkannt. Wählen Sie ein Thema, einen Fensterstil, einen Hintergrund und Linienoptionen aus und exportieren Sie dann PNG oder Vektor-SVG.
Ist dies eine kostenlose Alternative zu Carbon für Codebilder?
Ja. Code to Image deckt die gleiche Aufgabe ab wie Carbon oder ray.so, mit 10 Themen, 19 Sprachen, Zeilenhervorhebung, Diff-Farben und PNG/SVG-Export. Es läuft in Ihrem Browser ohne Anmeldung und ohne Wasserzeichen.
Kann ich direkt von dieser Website einen Screenshot machen?
Ja, auf dem Desktop Chrome, Edge, Firefox und Safari. Öffnen Sie Capture, stellen Sie optional eine Verzögerung von 3, 5 oder 10 Sekunden ein und wählen Sie dann einen Bildschirm, ein Fenster oder eine Registerkarte in der Auswahl Ihres Browsers aus. Ziehen Sie auf das Ergebnis, um einen Bereich beizubehalten, und senden Sie ihn dann an einen beliebigen Modus. Auf Telefonen und Tablets können Webseiten den Bildschirm nicht erfassen. Machen Sie daher einen Screenshot auf dem Gerät und fügen Sie ihn ein oder laden Sie ihn hoch.
Kann ich einen Screenshot einfügen, anstatt ihn hochzuladen?
Ja. Kopieren Sie einen Screenshot (zum Beispiel mit Win+Shift+S, Cmd+Strg+Shift+4 oder Print Screen) und drücken Sie Strg/⌘+V an einer beliebigen Stelle auf der Seite. Es wird in dem Modus geöffnet, den Sie verwenden.
Welche Größen sollte ich für Social-Media-Screenshots verwenden?
Verwenden Sie die Canvas-Voreinstellungen von Beautify:
Wie füge ich einen Screenshot in ein iPhone- oder MacBook-Modell ein?
Öffnen Sie Mockup, fügen Sie Ihren Screenshot ein und wählen Sie ein Gerät aus. Anhand der Bildform wird automatisch ein Telefon, Tablet oder Laptop vorgeschlagen. Wählen Sie ein Finish, Hoch- oder Querformat, Hintergrund, Schatten und Neigung oder wechseln Sie zum Responsiv-Set, um ein MacBook, ein iPad und ein iPhone zusammen anzuzeigen.
Kann ich den gleichen Stil auf viele Screenshots anwenden?
Ja. Richten Sie in Beautify einen Stil ein, klicken Sie auf „Stapel“ und wählen Sie so viele Screenshots aus, wie Sie möchten. Jedes wird mit demselben Hintergrund, Rahmen, Schatten und derselben Größe gerendert und zusammen als ZIP-Datei heruntergeladen.
Welche Exportformate und Auflösungen werden unterstützt?
PNG (behält die Transparenz), JPG und WebP mit einem Qualitätsregler, je nach Modus 1×, 2×, 3× oder 4×. Code to Image exportiert auch Vektor-SVG. Sehr große Ergebnisse werden automatisch skaliert, um innerhalb der Browser-Canvas-Grenzen zu bleiben, und das Tool teilt Ihnen mit, wenn dies geschieht.
