--- title: "Device Frame Mockup" description: "Put a screenshot inside a phone, tablet or browser frame on a clear, solid or gradient background. Every PNG carries a FindUtils.com watermark." url: https://findutils.com/mockups/device-frame-mockup/ category: mockups --- # Device Frame Mockup Put a screenshot inside a phone, tablet or browser frame on a clear, solid or gradient background. Every PNG carries a FindUtils.com watermark. **Use this tool:** [Device Frame Mockup](https://findutils.com/mockups/device-frame-mockup/) ## Programmatic access - Browser-only: this tool works on a file, the DOM, or a browser API and has no REST or MCP id. ## Why use the Device Frame Mockup? A bare screenshot on a slide or a landing page draft reads as a loose rectangle. Placed inside a phone, tablet or browser frame it reads as an app or a website at a glance. This tool draws the frame from simple shapes, puts your screenshot in the screen, and gives you a PNG with a transparent, solid or gradient background, all in your browser and with nothing uploaded. ## Frequently Asked Questions ### Can I remove the watermark? No. Every PNG carries a FindUtils.com watermark and there is no setting to remove it. A framed screenshot can look like a finished, real product shot, so the image says plainly that it is a mockup made with a free tool. ### Is my screenshot uploaded anywhere? No. The file is read in your browser and the PNG is drawn in your browser. Nothing is sent to a server, and removing the screenshot or leaving the page releases it from memory. ### Are the frames real device models? No. The frames are generic shapes named Phone, Android phone, Tablet and Browser. They do not copy a specific model, and no logos or device-maker names are drawn. The tool is not affiliated with or endorsed by any device maker or browser vendor; product names mentioned anywhere are trademarks of their owners. ### What does the tool not do? It does not tilt or rotate the device into a 3D or angled perspective, it does not use real device photos, and it holds one screenshot per image, so it cannot place several devices side by side. It also has no copy-to-clipboard button: the result is downloaded as a PNG file. ### How do I paste a screenshot? Copy a screenshot to your clipboard, then press Ctrl+V (Cmd+V on a Mac) anywhere on this page. A paste into the address bar text field stays text. A pasted file that is not an image shows the error under the drop zone. ### What is the difference between Cover and Contain? Cover fills the whole screen and crops what does not fit, keeping the top of the screenshot where the header usually is. Contain scales the screenshot so all of it is visible, with bars at the sides or at the top and bottom when its shape differs from the screen's. ### Is the transparent background really transparent in the PNG? Yes. The checkerboard behind the device is only drawn in the preview to show which parts are clear. The downloaded PNG has a transparent background around the frame, apart from the watermark and the drop shadow if it is on. ### How big is the downloaded image? The PNG is twice the size the preview draws. On a wide screen the phone is drawn 280 pixels wide, so the PNG is 560 pixels wide plus twice the padding. On a narrow screen the preview is smaller and so is the PNG. To change the pixel size afterwards, use the [Image Resizer](https://findutils.com/convert/image-resizer/). ### Can I use the images commercially? Yes, you can use them in presentations, drafts and marketing material as long as the watermark stays visible. The tool grants no rights to any device maker's or platform's trademarks. ### Which image files can I use? Any image your browser can open, such as PNG, JPG, WebP or GIF, up to 20 MB. If the browser cannot decode a file, the tool says so under the drop zone and keeps the current screenshot. ## Related Tools - [Code Screenshot Generator](https://findutils.com/developers/code-screenshot-generator/) - [Screenshot Tool](https://findutils.com/productivity/screenshot-tool/) - [Social Media Image Resizer](https://findutils.com/convert/social-media-image-resizer/) - [Image Resizer](https://findutils.com/convert/image-resizer/) - [Placeholder Image Generator](https://findutils.com/generate/placeholder-image-generator/) - [ChatGPT Screenshot Generator](https://findutils.com/mockups/chatgpt-screenshot-generator/)