Pixel Space

Device Mockup

Add device frames to screenshots, adjust backgrounds, date and time, and watermarks, then export PNG images or a ZIP.

How to use

Add device frames to screenshots, adjust backgrounds, date and time, and watermarks, then export PNG images or a ZIP.

Steps

  1. Choose or drag in screenshots or wallpapers. Add multiple images at once and switch the image you are editing.
  2. Choose a device template and adjust image scale, rotation, and position. For multiple images, you can apply the current settings to all images.
  3. Set the canvas aspect ratio, background, date and time, home screen widgets, and watermark as needed. Check cropping and placement in the preview.
  4. Choose export quality and export the current image, or package all images as a ZIP. You can also copy the current image to the clipboard when your browser supports it.

Supported formats

Input images must be decodable by your browser, such as JPG, PNG, or WebP. Individual results export as PNG; multiple PNG images can be packaged as a ZIP.

Files and privacy

Selected images are read and composed locally in your browser and are never uploaded to the server. Image and settings caches are saved in the current browser so you can continue later. You can clear the image cache in settings.

Limitations

  • Your browser must be able to decode the input image. Large images, multiple images, and high-quality exports use more memory and local storage.
  • Options such as date and time or home screen widgets depend on the current template. Follow the available controls and the preview.
  • Device frames are a presentation effect and export as static PNG images. Enlarging a low-resolution screenshot does not add detail to the original.
  • Copying images to the clipboard requires a secure connection and browser support. Download a PNG when clipboard copying is unavailable.

Frequently asked questions

Why are the screenshot edges cropped?

The input image may have a different aspect ratio from the template screen. Adjust scale, rotation, and position in the individual image settings, then check the preview before exporting.

Can multiple images use the same settings?

Yes. Device, background, and image adjustment sections provide actions to apply settings to all images. You can still switch to an individual image and adjust it afterwards.

Why do my previous images appear when I reopen the tool?

The tool saves images and some settings in the current browser’s local cache. Clear the image cache in settings. After using a shared device, you can also clear this site’s browser data.