Website screenshot generator

Type a URL and get a sharp screenshot of the first screen of the page, already in a browser window with the address filled in. Choose a background and export it. For the whole scrolling page, see full-page screenshots.

Capture a website Free · No account

How to capture a website

1. Open the editor.
2. Under Or capture a website, type the address. You can leave out https://.
3. Tick Mobile if you want the phone layout. Otherwise you get the desktop layout.
4. Press Capture. The page opens in a browser frame with its address in the address bar.
5. Choose a frame style and background, then export.

What the capture includes

The capture is the first screen of the page, the part a visitor sees before scrolling. That is usually what you want for a mockup; a full-length page is very tall and shrinks to unreadable when framed.

The capture runs on a server that loads the page as a first-time visitor, so it can’t see anything behind a login, local addresses like localhost, or sites that block automated browsers.

When to capture the page yourself

Your own browser can capture things the online tool can’t. Take the screenshot yourself, then drop it into the editor, when you need:

• The whole page. Every major browser can do this without an extension. See how to take a full-page screenshot.
• A logged-in page, like a dashboard or settings screen. The browser extension captures the tab you’re on in one click.
• A particular state, such as an open menu, a filled-in form or a hover effect.
• A local or staging site that isn’t public.

Common uses

• Launch posts and changelogs. A framed screenshot on a soft background reads as a finished image in a feed.
• Portfolios and case studies. Keep every project in the same frame and background so the set looks consistent.
• Proposals and pitch decks. Export at 1920 × 1080 for a full-width slide.
• Documentation. A browser frame makes it obvious the image is a web page, not part of the docs themselves.