XTools Logo
XTools
Blog
/
Image CompressionImage Format ConversionBackground RemovalImage MosaicImage ResizerCrop ImageRotate & Flip ImageBlack & White ImageAdd Text & WatermarkAdd Border to ImageShape CropCollage & Image StitcherBlur BackgroundChart MakerBlur Part of ImageGIF MakerAdjust Image ColorsMeme GeneratorTrim Transparent EdgesStraighten PhotoSplit Image into TilesSquare ImageRemove Photo MetadataPlaceholder ImageDevice Mockup & Screenshot BeautifierSocial Share Image (OG)Code ScreenshotSignature Maker

© 2026 XTools. All rights reserved.

Privacy PolicyContact Us

    Device Mockup & Screenshot Beautifier

    Put a screenshot in a phone, laptop, or browser frame on a styled background
    • Files never leave your device
    • Runs in your browser
    • Free, no sign-up, no watermark

    Drop screenshots here, or click to choose

    Up to 3 screenshots side by side · paste with Ctrl+V

    Related tools

    • Image Compression
    • Image Format Conversion
    • Background Removal
    • Image Mosaic
    • Image Resizer
    • Crop Image
    • Rotate & Flip Image
    • Black & White Image
    • Add Text & Watermark
    • Add Border to Image
    • Shape Crop
    • Collage & Image Stitcher
    • Blur Background
    • Chart Maker
    • Blur Part of Image
    • GIF Maker
    • Adjust Image Colors
    • Meme Generator
    • Trim Transparent Edges
    • Straighten Photo
    • Split Image into Tiles
    • Square Image
    • Remove Photo Metadata
    • Placeholder Image
    • Social Share Image (OG)
    • Code Screenshot
    • Signature Maker

    How to use Device Mockup & Screenshot Beautifier

    Place app or website screenshots in an iPhone, Android, tablet, laptop, monitor, browser or macOS window frame, on a gradient, color or image background. Up to three screenshots can sit side by side, and the image is rendered in your browser.

    1. 1

      Drop up to 3 screenshots onto the page, click to choose them, or paste with Ctrl+V.

    2. 2

      Under Device, pick a frame and set its Frame color and Orientation, or for Browser and macOS the Theme, title and Address bar.

    3. 3

      Under Screenshot, choose how it fills the screen: Fit, Fill or Scroll. For a long screenshot, move Scroll position to the part you want to show.

    4. 4

      Choose a Background (None, Color, Gradient or Image), then adjust Padding, Shadow, Rotate, 3D tilt and Canvas shape under Layout.

    5. 5

      Under Export, pick a Resolution of 1×, 2× or 3× and PNG, JPG or WebP, then click Download image or the copy button next to it.

    Frequently asked questions

    Are my screenshots uploaded?

    No. They are drawn onto a canvas in your browser and never leave your device.

    Which image formats can I use?

    You can add JPG, PNG, WebP, AVIF, GIF, BMP and HEIC screenshots. The finished image is exported as PNG, JPG or WebP.

    How do I get a transparent background?

    Set Background to None and export PNG or WebP. JPG has no transparency, so transparent areas, including the corners left by Rotate or 3D tilt, turn white.

    How do I show a very long page screenshot?

    Choose Scroll under Fit (Crop to 16:10 for the Browser, macOS and Card frames) and drag Scroll position to the section you want visible.

    Why is the export smaller than the resolution I picked?

    Browsers cap how large a canvas can be. If 2× or 3× would go past that limit, the tool lowers the scale automatically and says so under Export.