Free screenshot studio: capture your screen, add gradient backgrounds, window frames and 3D tilt, annotate with arrows, steps, blur and spotlight, make iPhone and MacBook mockups, turn code into images, stitch scrolling screenshots and remove status bars. PNG, JPG, WebP or SVG export up to 4×, 100% in your browser.
Screenshot Studio is a free, all-in-one screenshot app that runs in your browser. Capture your screen, beautify shots with gradient, mesh or blurred backgrounds, window frames and 3D tilt, and annotate them with arrows, numbered steps, spotlight and permanent redaction. You can also place them in iPhone, iPad and MacBook mockups, turn code into themed images, stitch scrolling captures and clean up phone screenshots. Export PNG, JPG, WebP or SVG with no uploads, no watermark and no sign-up.
Screenshot Studio replaces the stack of single-purpose apps most people juggle. Capture your screen, a window or a browser tab; beautify it with a gradient, mesh or blurred background, a macOS, Windows or browser frame and a 3D tilt; annotate it with arrows, numbered steps, text labels, blur, spotlight and a magnifier; drop it into an iPhone, iPad or MacBook mockup; stitch scrolling captures into one long image; or turn a code snippet into a shareable image. Every mode hands its result to the next with Send to, so a capture can be cropped, annotated, beautified and framed in one flow. Everything runs locally on the Canvas API, so screenshots are never uploaded, and there is no watermark or sign-up.
Features
Capture: grab your screen, a window or a browser tab with a 3/5/10-second delay and region select
Paste (Ctrl/⌘+V), drag-and-drop or upload into any mode, plus a built-in sample to try
Send to: pass the result between Capture, Beautify, Annotate, Mockup, Stitch and Crop in one flow
Beautify: 18 gradients, 8 mesh gradients, solid, wallpaper or blurred-screenshot backgrounds with grain
macOS, Windows, browser (with URL), glass and outline window frames
Padding, inset with auto edge colour, corner radius, 5 shadow styles, 3D perspective tilt and rotation
Social canvas presets: X post, Open Graph, LinkedIn, YouTube, Product Hunt, Dribbble, 1:1, 4:5, 9:16 and custom sizes
Headline, sub-headline and watermark text, 8 quick styles, remembered style and batch ZIP export
Annotate: object-based editor where you can select, move, resize, restyle, duplicate, reorder and delete marks
Tapered, classic and double arrows, rectangles, ellipses, lines, text labels, auto-numbered steps and emoji stamps
Redact with pixelate, blur or a black bar, all baked into the exported pixels
Spotlight, magnifier loupe, highlight box, highlighter and pen, with undo/redo and keyboard shortcuts
Six device finishes, landscape mode, screen glare, 3D tilt and a MacBook + iPad + iPhone responsive scene
Viewport planner with each device's CSS viewport, pixel ratio and native screenshot size
Code to image: 19 auto-detected languages, 10 themes, line numbers, highlighted lines, diff colours, PNG and SVG
Stitch vertically, side by side or in a grid with pixel-accurate scroll-overlap removal and sticky-header trim
Crop & Clean: exact status-bar and home-indicator removal for iPhone/iPad sizes, auto-trim borders, rotate and flip
Export PNG, JPG or WebP at 1–4× and copy straight to the clipboard, with no watermark and no uploads
How to use Screenshot Studio
1
Bring in a screenshot
Capture your screen, window or tab in Capture, press Ctrl/⌘+V to paste, drag a file in, or click Try a sample.
2
Pick a mode
Choose Beautify, Annotate, Mockup, Code, Stitch or Crop & Clean from the tabs. Your work in each mode is kept when you switch.
3
Edit
Style the background and frame, draw arrows, steps and redactions, place the shot in a device, or stitch and crop, all with a live preview.
4
Chain modes
Use Send to so the result carries on, for example Capture → Crop & Clean → Annotate → Beautify.
5
Export
Choose PNG, JPG or WebP and a 1–4× scale, then Download or Copy. Everything is processed on your device.
Common use cases
Turn a plain screenshot into an X, LinkedIn or Product Hunt post with a gradient background and headline
Annotate bug reports with arrows, numbered steps and redacted personal data
Write help-centre and onboarding guides with spotlighted, step-by-step screenshots
Show an app or website in iPhone, iPad and MacBook mockups for a landing page or portfolio
Share code snippets as themed images on social media, in slides or in docs
Stitch a long scrolling page or chat into one image without duplicated rows
Clean status bars and home indicators off phone screenshots for App Store and review images
Create before/after comparisons and grids for release notes and changelogs
Detailed guide
Beautify: social-ready screenshots in one click
Beautify wraps a plain screenshot in a polished card. Pick one of 18 gradients, 8 mesh gradients, a solid colour, your own wallpaper or a blurred copy of the screenshot itself, then set padding, corner radius, inset, shadow, 3D tilt and rotation. Canvas presets size the result exactly for each platform, and a headline, sub-headline and watermark turn a screenshot into a finished post. Your style is remembered in the browser, and Batch applies it to many screenshots at once and downloads a ZIP.
Preset
Output size
Best for
X post
1600 × 900 px
Tweets and threads
OG image
1200 × 630 px
Link previews (Open Graph)
LinkedIn
1200 × 627 px
LinkedIn link and feed posts
YouTube
1280 × 720 px
Video thumbnails
Product Hunt
1270 × 760 px
Launch gallery images
Dribbble
1600 × 1200 px
Design shots
1:1 · 4:5 · 9:16
Ratio of your screenshot
Instagram feed, portrait posts, Stories and Reels
Annotate like a desktop screenshot editor
The annotation editor is object-based: every arrow, box, label or blur stays editable. Select any mark to move it, resize it with its handles, restyle it, duplicate it or delete it. Choose tapered, classic or double-headed arrows, outlined, tinted or solid shapes, and text labels with a contrast outline that reads on any background. Numbered step badges count up automatically. Redactions (pixelate, blur or a solid black bar) are written into the exported pixels, so the hidden text is not kept in the file. Spotlight dims everything except the area you want people to look at, and the magnifier zooms into a small detail. The editor has full undo and redo, and a crop tool that trims only the export.
Tool
Shortcut
Use it for
Select / move
V
Move, resize, restyle or delete any annotation
Arrow
A
Point at a button or setting (Shift snaps to 45°)
Rectangle / Ellipse
R / O
Frame an area (Shift draws a square or circle)
Text
T
Labels and captions, Shift+Enter for a new line
Step number
N
Numbered walkthroughs that count up by themselves
Blur / redact
B
Pixelate, blur or black-bar emails, keys and names
Spotlight
S
Dim everything except the important area
Magnifier
Z
Zoom into small UI text or icons
Highlight box / Highlighter / Pen
H / M / P
Marker-style emphasis and freehand notes
Emoji / stamp
E
Quick reactions such as ✅ ❌ ⚠️
Crop
C
Trim the exported image without losing annotations
The Mockup mode draws realistic device frames around your screenshot: iPhone 16 Pro, iPhone 15 and 15 Pro Max with the Dynamic Island, iPhone SE with a home button, Pixel 9 and Galaxy S24 with a punch-hole camera, iPad Pro, iPad mini and Galaxy Tab, MacBook Air, MacBook Pro, iMac and a desktop monitor. It has six finishes, portrait and landscape, optional screen glare, a 3D tilt, and a Responsive set scene that shows a MacBook, iPad and iPhone together. For each device the viewport planner shows the real CSS viewport, device pixel ratio and native screenshot size, and warns you when your screenshot's shape doesn't match the screen.
Device
CSS viewport
Pixel ratio
Native 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 to image: a free Carbon-style code screenshot generator
Paste a snippet and Code to Image renders it as a clean, shareable image. It auto-detects 19 languages, including JavaScript, TypeScript, JSX, Python, HTML, CSS, JSON, SQL, Go, Rust, Java, Kotlin, Swift, C/C++, C#, PHP, Ruby, YAML and shell. You can choose from 10 editor themes (Dracula, One Dark, Tokyo Night, Night Owl, Monokai, Nord, GitHub Dark and Light, Solarized Light and Paper). Line numbers, a custom starting line, highlighted lines and red/green diff colouring make it useful for docs and code reviews, and a macOS or Windows title bar shows the file name. Export a PNG at up to 4× for crisp social posts, or a vector SVG whose text stays sharp at any size.
Stitch scrolling screenshots and clean up phone captures
Stitch merges screenshots vertically, side by side or in a grid. For scrolling captures it compares neighbouring shots pixel by pixel and removes the rows they repeat, and you can cut a sticky header or footer and fine-tune each seam. Labels make quick before/after comparisons. Crop & Clean recognises common iPhone and iPad screenshot sizes and removes the exact status bar and home indicator for that model. For Android phones it estimates the bars and snaps to the nearest real edge. It also auto-trims empty borders, and has aspect-ratio presets, pixel-exact crop fields, rotate and flip.
Open Beautify and drop, paste or capture a screenshot. Choose a gradient, mesh, solid, wallpaper or blurred background, adjust padding, corner radius, shadow and 3D tilt, add a macOS, Windows or browser frame if you like, and export PNG, JPG or WebP at 1–4×.
How do I stitch multiple screenshots into one image?
Open Stitch, add your screenshots in order (drag to reorder), and choose vertical, side-by-side or grid. For scrolling captures, smart overlap removal cuts the rows each shot repeats; you can also trim a sticky header or footer and adjust every seam by hand.
Can I remove the phone frame and status bar from a screenshot?
Yes. Crop & Clean recognises common iPhone and iPad screenshot sizes and removes the exact status bar and home indicator for that model in one click. For Android it estimates the bars and snaps to the nearest edge, and Auto-trim removes empty or letterboxed borders.
How do I annotate a screenshot with arrows and numbers?
In Annotate, press A for arrows, N for auto-numbered step badges, T for text labels and R for boxes. Every mark stays editable: switch to Select (V) to move, resize, restyle, duplicate or delete it, with full undo and redo.
How do I blur or redact sensitive parts of a screenshot?
Press B, choose Pixelate, Blur or Black bar, and drag over the email, name or API key. The redaction is baked into the exported pixels, so the original text is not stored in the file. Use Black bar for passwords and secrets.
What is a zoom loupe and when should I use one?
The Magnifier (Z) is a circular loupe that shows an enlarged copy of a small detail, such as a tiny setting, icon or error message, so viewers can read it without opening the full-size image.
How does the Viewport Planner help with responsive QA?
In Mockup, each device shows its real CSS viewport, device pixel ratio and native screenshot size, and warns when your screenshot's shape doesn't match. Capture at those numbers in your browser's device toolbar for a pixel-perfect fit.
Is there a watermark or do I need an account?
No. Screenshot Studio is free, adds no watermark and needs no sign-up.
Are my screenshots uploaded to a server?
No. Capture, editing and export all happen locally in your browser with the Canvas API. Images are kept in memory for your session only and are never sent anywhere.
How do I make a beautiful screenshot with a background?
Use Beautify's Quick styles (Clean, Midnight, Glass, 3D tilt, X post, Brutal, Blurred or Minimal) for a finished look in one click, then fine-tune the background, frame and shadow.
Can I create a nicely styled code screenshot?
Yes. Open Code, paste your snippet and the language is detected automatically. Pick a theme, window style, background and line options, then export PNG or vector SVG.
Is this a free alternative to Carbon for code images?
Yes. Code to Image covers the same job as Carbon or ray.so, with 10 themes, 19 languages, line highlighting, diff colours and PNG/SVG export. It runs in your browser with no sign-up and no watermark.
Can I take a screenshot directly from this website?
Yes, on desktop Chrome, Edge, Firefox and Safari. Open Capture, optionally set a 3, 5 or 10-second delay, then choose a screen, window or tab in your browser's picker. Drag on the result to keep a region, then send it to any mode. Phones and tablets don't allow web pages to capture the screen, so take the screenshot on the device and paste or upload it.
Can I paste a screenshot instead of uploading it?
Yes. Copy a screenshot (for example with Win+Shift+S, Cmd+Ctrl+Shift+4 or Print Screen) and press Ctrl/⌘+V anywhere on the page. It opens in the mode you are using.
What sizes should I use for social media screenshots?
Use Beautify's canvas presets: X post 1600 × 900, Open Graph 1200 × 630, LinkedIn 1200 × 627, YouTube 1280 × 720, Product Hunt 1270 × 760, Dribbble 1600 × 1200, or 1:1, 4:5 and 9:16 ratios for Instagram feed, portrait and Stories.
How do I put a screenshot in an iPhone or MacBook mockup?
Open Mockup, drop in your screenshot and pick a device. It auto-suggests a phone, tablet or laptop from the image's shape. Choose a finish, portrait or landscape, background, shadow and tilt, or switch to Responsive set to show a MacBook, iPad and iPhone together.
Can I apply the same style to many screenshots?
Yes. Set up a style in Beautify, click Batch and select as many screenshots as you like. Each one is rendered with the same background, frame, shadow and size, and they download together as a ZIP.
Which export formats and resolutions are supported?
PNG (keeps transparency), JPG and WebP with a quality slider, at 1×, 2×, 3× or 4× depending on the mode. Code to Image also exports vector SVG. Very large results are scaled automatically to stay within browser canvas limits, and the tool tells you when that happens.
