[{"data":1,"prerenderedAt":83},["ShallowReactive",2],{"tool-content-en-screenshot-mockup":3},{"id":4,"title":5,"body":6,"description":73,"extension":74,"locale":75,"meta":76,"navigation":77,"path":78,"seo":79,"stem":80,"toolId":81,"__hash__":82},"tools\u002Ftools\u002Fen\u002Fscreenshot-mockup.md","Screenshot Mockup Generator",{"type":7,"value":8,"toc":62},"minimark",[9,13,17,22,41,45,48,52,55,59],[10,11,5],"h2",{"id":12},"screenshot-mockup-generator",[14,15,16],"p",{},"Turn a plain web or app screenshot into a polished product shot. Drop in a PNG, JPEG, or WebP capture, pick a device frame, and download the finished mockup — everything renders locally in your browser and nothing is uploaded.",[18,19,21],"h3",{"id":20},"how-it-works","How it works",[23,24,25,29,32,35,38],"ol",{},[26,27,28],"li",{},"Drop a screenshot into the upload area, or click to browse.",[26,30,31],{},"Pick a device frame: browser window, MacBook, iPhone, iPad, or Android.",[26,33,34],{},"Choose a background — a curated gradient, a solid color, your own image, or full transparency.",[26,36,37],{},"Fine-tune padding, shadow strength, and the frame color — each device frame ships with its fixed, true-to-hardware corner radius.",[26,39,40],{},"Pick an export scale and download the PNG.",[18,42,44],{"id":43},"device-frames","Device frames",[14,46,47],{},"The frames are drawn programmatically on a canvas, so they scale crisply to any export size. The browser frame includes window lights and an address bar, the MacBook adds a bottom deck with a thumb scoop, and the phone frames get a Dynamic Island or punch-hole camera overlay.",[18,49,51],{"id":50},"export-scales","Export scales",[14,53,54],{},"Render at 1× for quick sharing or 2×\u002F3× for retina-quality marketing images. Very large canvases are automatically stepped down to stay within browser encoding limits.",[18,56,58],{"id":57},"privacy","Privacy",[14,60,61],{},"Screenshots and background images never leave your device: the mockup is composited and encoded entirely on your machine.",{"title":63,"searchDepth":64,"depth":64,"links":65},"",2,[66],{"id":12,"depth":64,"text":5,"children":67},[68,70,71,72],{"id":20,"depth":69,"text":21},3,{"id":43,"depth":69,"text":44},{"id":50,"depth":69,"text":51},{"id":57,"depth":69,"text":58},"Wrap screenshots in browser, MacBook, iPhone, iPad, or Android frames with gradients, shadows, and rounded corners, entirely in your browser.","md","en",{},true,"\u002Ftools\u002Fen\u002Fscreenshot-mockup",{"title":5,"description":73},"tools\u002Fen\u002Fscreenshot-mockup","screenshot-mockup","rfMmEthiXB1ySU3rPDzUJ4s3SpFKIuDHUkxxSJx5sjE",1792391420403]