Website Device Mockup.
Preview a website on desktop, laptop, tablet, and phone screens. Add screenshots to make a downloadable PNG.
Preview your website
Enter a public web address to view it at four screen widths. Some websites block previews inside other websites. You can still add screenshots below to make a PNG.
The preview loads the website you enter directly in your browser. That website may receive your IP address and browser data. Some websites may refuse to appear in these frames.
Make a downloadable device mockup
Add screenshots taken at each screen size. You can use one or several; empty screens appear as placeholders in the PNG. Screenshots stay on your device.
Website previews and device screenshots
Live previews use four different screen widths, so you can check a site on desktop, laptop, tablet, and phone layouts. A site may block being shown in an embedded preview. For the downloadable picture, take a screenshot at each size, add the screenshots above, and download the resulting PNG. A browser page cannot copy pixels from an unrelated website into a PNG without that site allowing it.
For accurate device views, take a separate screenshot for each device size. Your uploaded images are used only by your browser to make the PNG.