▧
Your next great screenshot starts here.
Upload or paste an image to turn it into a beautiful device mockup.
Upload or paste an image to turn it into a beautiful device mockup.
Select an annotation on the canvas or in Layers. Use arrow keys to move it, Shift for 10 pixels, Enter to edit text, and Escape to cancel a drag or exit full view.
Turn a screenshot into a product presentation, release-note illustration or social image. Screenshot Studio combines browser and device frames, layout templates, text and annotations, then exports a flattened PNG, JPEG or WebP image. Keep a portable project separately when you need to edit the design again.
Upload a screenshot of the updated interface, place it in a browser frame and add a short title. Point an arrow at the changed control and use a caption to explain its purpose. Export a landscape image for release notes or a square version for a social post. Check each size because a new layout can change the crop.
A release-note image and a square announcement need different framing. Choose a template for the composition, then use output scale for the pixel dimensions of that composition.
| Action | What changes | Manual review |
|---|---|---|
| Create fresh scene | Replaces existing annotations with the template's objects and text. An existing screenshot can still populate the new slots. | Replace template wording and confirm each screenshot assignment. |
| Restyle current | Carries existing objects into the new canvas and maps screenshot slots where possible. Objects are scaled or repositioned for the layout. | Inspect text wrapping, arrows, crops and any object anchored to a screenshot slot. |
The 1× PNG is 800 × 500; the 2× PNG is 1600 × 1000. Doubling each dimension produces four times as many pixels while keeping the same aspect ratio. It does not create a square layout or recover missing screenshot detail.
These are saved outputs from an earlier local run, reused byte for byte. They demonstrate dimensions, not current browser compatibility, screen-capture behavior or secure redaction. Editable backups can retain the original image beneath a cover.
For a broader layered design, use Image Editor Studio. The matching image assets workflow explains how to plan related compositions manually.
Use this studio for framed screenshots, annotated walkthroughs and presentation layouts. For a broader layered composition, open Image Editor Studio. For a single adjustment, use Crop Image, Resize Image or Compress Image.
The screenshot picker accepts PNG, JPEG, WebP, GIF and AVIF candidates, subject to browser decoding. Image export produces a flattened PNG, JPEG or WebP rather than an editable design or animation. The 1×, 2× and 3× settings scale the output dimensions; a larger export does not restore detail missing from a small source screenshot.
The source export limit is 15 megapixels. Individual image outputs and the batch ZIP each have a 64 MiB limit. Choose a smaller canvas or scale if an output is too large. Device memory can impose a lower practical limit.
Blur visually obscures an area and should not be treated as secure removal. The Redact tool paints an opaque cover into the flattened export. Check the exported image carefully for uncovered details before sharing. Editable project backups retain source screenshots, so do not share a project file when the original contains information you intend to withhold.
Local saving and recovery snapshots help you return to a design in the same browser. Browser storage can be cleared or become unavailable, so download a portable project for important work. Portable backups include screenshots and imported fonts; missing resources may need relinking. These files contain editable source material, rather than only the finished image. See the privacy policy for site information.
Yes. Choose a browser, phone, tablet or desktop frame, or select a template with screenshot slots. These are visual presentation frames; they do not emulate a device or make the screenshot interactive.
Fill crops the image to its slot. Choose Fit to keep the entire image visible, or adjust the horizontal and vertical crop position to show the area you need.
Capture screen uses the browser's screen-sharing permission where supported and requires HTTPS or localhost. You can upload an existing screenshot if capture is unavailable.
Yes. Select batch presets and export them as a ZIP. Canvas dimensions, output scale, memory and the export limits still apply. Review each image's crop and text placement.
No. PNG, JPEG and WebP exports flatten the design. Download a portable project to keep screenshots, annotations and fonts available for later editing.
