1. [Clacky](https://clacky.app/) 2. › 3. [A–Z](https://clacky.app/features/#a-z) 4. › 5. [Answers](https://clacky.app/answers/) 6. › 7. Put a screenshot in a MacBook or iPhone frame Answer # How do I put a screenshot in a MacBook or iPhone frame? macOS has no device-frame tool, so either place your screenshot inside one of Apple’s official product bezels (free images of iPhone, iPad and Mac, from Apple Design Resources) in a design app, or use a screenshot tool that draws the frame for you. Clacky’s **Showcase** (macOS 14 or later) puts a shot in a window, iPhone, MacBook, iPad or browser frame at a 3D angle on a background, and exports it at 4K, 6K or 8K. [Try free for 3 days](https://clacky.app/try/)[Pricing](https://clacky.app/#pricing) ![A screenshot in Clacky’s browser frame, the address bar reading clacky.app, on a purple to pink background](https://clacky.app/features27/shot-frames-light.webp) ## With Apple’s product bezels 1. Go to **Apple Design Resources** (developer.apple.com/design/resources) and download the **Product Bezels** for the device you want. They come as Photoshop and PNG files. 2. Take a screenshot at the right shape: a full-screen Mac shot for a MacBook, a tall shot for an iPhone. 3. Open the bezel in a design app (Photoshop, Figma, Pixelmator Pro or Keynote). 4. Put the screenshot on a layer under the bezel and scale it to fit the screen area exactly. 5. Export as PNG. If you use it in marketing, read Apple’s marketing guidelines linked from the same page. ## Pick the right frame Frame Best for Shot to take MacBook A Mac app or a whole desktop Full screen iPhone Tall pages, mobile sites, chats A tall area or a scrolling shot iPad Wide layouts, dashboards A wide area Browser Websites, with the address shown The page area of the window Window Any app, no device One window ## With Clacky’s Showcase The frame, shadow and background are drawn fresh at the export size, so nothing is stretched. For a plain window or a browser frame with your link in the address bar, use the window and browser frames in **Polish**. A free [Screenshot Frame](https://clacky.app/tools/screenshot-frame/) also runs in your browser. 1. Take a shot with **⌥⇧⌘4** (area) or **⌥⇧⌘5** (window). 2. In the editor, pick **Showcase**, then a device: **Window**, **iPhone** (with the Dynamic Island), **MacBook** (with the notch), **iPad** or **Browser**. 3. Pick an angle: **Flat**, **Tilt left**, **Tilt right**, **Stairs** or **Float**, and a background. Or click **Make it pretty** for one good pick, and again for another. 4. Choose **4K**, **6K** or **8K**, then **Copy** or **Save**. ## Where these facts come from Checked on 5 November 2026. - [Apple Design Resources: Product Bezels](https://developer.apple.com/design/resources/) (iPhone, iPad and Mac bezels, Photoshop and PNG, marketing guidelines) ## Questions ### Can I use Apple’s device frames for my App Store page? Apple offers the bezels for marketing and asks you to follow its Marketing Resources and Identity Guidelines. Read them before you publish. ### What size should a framed screenshot be? Big enough for the screen it will be shown on. 4K is plenty for the web. Clacky exports 4K, 6K or 8K. ### Can I frame a screenshot on my iPhone? Clacky is Mac only. The free Screenshot Frame tool on clacky.app runs in any browser. Facts checked on 5 November 2026. ## Related - [ShowcaseYour shot in a window, iPhone, MacBook, iPad or browser frame, at a 3D angle on a background. Copy or save at 4K, 6K or 8K.](https://clacky.app/features/showcase/) - [Window and browser framesGive an area shot a title bar, or a browser frame with your link in the address bar. Auto-balance evens out the margins.](https://clacky.app/features/shot-frames/) - [Screenshot framePut a screenshot in a Mac window, a MacBook or an iPhone frame on a soft background. Sizes for X, Instagram and stories. Free, in your browser.](https://clacky.app/tools/screenshot-frame/) - [Combine several screenshots into one imageUse the Shortcuts app’s Combine Images action (side by side, stacked or a grid), Keynote, or Clacky’s Collage, which adds even gaps and a background.](https://clacky.app/answers/combine-screenshots-mac/) - [Screenshot a window without the shadowPress Shift-Command-4, then Space, then hold Option as you click the window. The shot has no shadow. A Terminal setting makes it the default.](https://clacky.app/answers/screenshot-window-no-shadow/) [A–Z](https://clacky.app/features/#a-z)[Pricing](https://clacky.app/#pricing)[Every feature](https://clacky.app/features/) ## Make something on your Mac today. 3 days free, every feature. Then $4.99 once. [Try free for 3 days](https://clacky.app/try/)