⬆
Screenshot hierher ziehen oder zum Hochladen klickenPNG, JPG, WebP · mit Ctrl+V einfügen · nichts wird hochgeladenZieh einen Screenshot hierher und erhalte ein ausgefeiltes Mockup mit Verlaufshintergrund, weichem Schatten, abgerundeten Ecken und Browser- oder Geräterahmen. Exportiere ein PNG in Sekunden.
12 kostenlose Presets mit Verlauf, Mesh, Volltonfarbe und Transparenz – oder wähle zwei Farben und einen Winkel für deinen eigenen Verlauf. Optionales Filmkorn.
Mac- und Windows-Fenster, ein Browser mit bearbeitbarer URL oder ein Smartphone-Rahmen. Die Rahmenfarbe passt sich automatisch deinem Screenshot an.
Innenabstand, Eckenradius, Schatten, Neigung, Innenrahmen, Bildgröße und Social-Media-Seitenverhältnisse: 16:9, 4:3, 1:1, 4:5 und 9:16.
Das Rendering findet auf einem Canvas in deinem Browser statt. Screenshots werden nie hochgeladen, und das Tool funktioniert offline.
Ein roher Screenshot ist eng beschnitten, hat harte Kanten und liegt meist auf der Farbe, die deine App gerade nutzt. In einem Tweet, auf einer Landingpage oder in einer Product-Hunt-Galerie wirkt das „unfertig“. Ein gutes Mockup behebt vier Dinge, und Screenshot Studio stellt jedes davon als Regler oder Kachel bereit.
Schließe mit einer Bildunterschrift ab, wenn das Bild für sich allein stehen soll: ein kurzer Titel („Neu: Inbox Zero“) und ein einzeiliger Untertitel. Halte die Neigung unter 6°, außer du willst ein Hero-Banner; es wirkt dramatisch, aber Text im Screenshot wird schwerer lesbar.
Nutze die Seitenverhältnis-Chips, um dein Mockup auf die richtige Form aufzufüllen. Der Canvas behält deinen Screenshot in voller Auflösung und vergrößert nur den Hintergrund, sodass nichts verkleinert oder unscharf wird. Exportiere in 1x fürs Web und in 2x für alles, was auf einem Retina-Display gezeigt oder vergrößert wird.
| Plattform | Verhältnis | Empfohlene Pixel | Tipp |
|---|---|---|---|
| Twitter-/X-Post | 16:9 | 1600 × 900 (bis 4096 breit) | Dunkle Verläufe überstehen die Komprimierung der Timeline am besten. |
| LinkedIn-Post | 4:5 oder 1:1 | 1080 × 1350 / 1080 × 1080 | Hochformatige Bilder nehmen mehr Platz im Feed ein; halte den Innenabstand klein. |
| Product-Hunt-Galerie | 16:10 | 1270 × 760 | Nutze den Browser-Rahmen mit deiner echten Domain im URL-Feld. |
| App Store / Play Store | 9:16 | 1290 × 2796 (6.7") | Smartphone-Rahmen, Bildunterschrift oben, Export in 2x (Pro) für scharfen Text. |
| Dribbble-Shot | 4:3 | 1600 × 1200 oder 2800 × 2100 | Ein Mesh-Hintergrund und eine leichte Neigung passen zur Dribbble-Ästhetik. |
| Open Graph / Blog-Titelbild | 1.91:1 (16:9 verwenden) | 1200 × 630 | Bildunterschrift an, große Schrift, Hintergrund Mono oder Schiefer für bessere Lesbarkeit. |
Indie-Maker und Startups nutzen es für Launch-Tweets, Changelog-Posts und den Bereich „Was ist neu“ einer Landingpage. Designer packen UI-Entwürfe in einen Rahmen, bevor sie sie auf Dribbble posten oder mit Kunden teilen. Technische Redakteure und Support-Teams fügen Innenabstand und einen dezenten Rahmen hinzu, damit Screenshots in der Dokumentation nicht mit dem Seitenhintergrund verschwimmen. Marketer gestalten ein ganzes Feature-Set im Stapel mit einem Preset, damit jedes Bild einer Kampagne einheitlich aussieht.
Screenshot Studio ist eine statische Seite. Wenn du ein Bild hineinziehst, wird es im Arbeitsspeicher dekodiert, zusammen mit Hintergrund, Schatten und Rahmen auf einen Canvas gezeichnet und von deinem Browser wieder als PNG oder JPG kodiert. Es gibt keinen Upload-Endpunkt und kein serverseitiges Rendering, daher verlassen vertrauliche Dashboards, unveröffentlichte Funktionen und Kundendaten nie deinen Computer. Deine Stileinstellungen werden in localStorage gespeichert, damit sich das Tool genau so öffnet, wie du es verlassen hast.
Ja. Alle Hintergründe, Rahmen, Layout-Steuerungen, Bildunterschriften und der Export als PNG/JPG in 1x sind kostenlos und ohne Anmeldung. Kostenlose Exporte tragen ein kleines Badge „Screenshot Studio · free“ in der Ecke. Das optionale einmalige Pro-Upgrade entfernt es und bietet Exporte in 2x/4x, Premium-Hintergründe, Stapel-Export als ZIP und unbegrenzt gespeicherte Stil-Presets.
Nein. Das Mockup wird mit der HTML5-Canvas-API in deinem Browser gerendert. Dein Screenshot verlässt nie dein Gerät, nichts wird auf einem Server gespeichert, und das Tool funktioniert auch offline, sobald die Seite geladen ist.
Du kannst PNG-, JPG/JPEG-, WebP-, GIF- (erstes Bild) und BMP-Bilder hineinziehen, auswählen oder einfügen. Die Ausgabe ist PNG (mit Transparenz) oder JPG mit Qualität 92. HEIC-Fotos von iPhones werden von Browsern nicht dekodiert, exportiere sie also zuerst als JPEG.
Ja. Die kostenlose Version fügt Exporten unten rechts ein kleines Badge „Screenshot Studio · free“ hinzu. Screenshot Studio Pro, ein Einmalkauf, entfernt das Badge aus jedem Export, auch aus Downloads in 2x und 4x sowie Stapel-ZIPs.
Mit Pro kannst du mehrere Screenshots gleichzeitig hineinziehen; die aktuellen Einstellungen für Hintergrund, Rahmen, Layout und Bildunterschrift werden auf jedes Bild angewendet, und alle Ergebnisse werden als eine ZIP-Datei heruntergeladen. Die kostenlose Version gestaltet einen Screenshot nach dem anderen.
Ja. Wähle die Hintergrundkachel „Transparent“ und lade als PNG herunter. Schatten, Rahmen und abgerundete Ecken bleiben auf einem transparenten Canvas erhalten, sodass du das Mockup auf jeder Folie, Website oder in jedem Design platzieren kannst. JPG unterstützt keine Transparenz, daher nutzen JPG-Exporte stattdessen einen weißen Hintergrund.
Schon gekauft? Lizenzschlüssel eingeben