How to use Website Screenshot online, free
Table of contents
Turn any live web page into an image. The capture runs in a real headless Chromium browser on our server, so the result matches what a visitor actually sees: the page runs its own JavaScript, its own media queries decide the layout, web fonts load and swap in before the shutter fires, and flexbox, grid, gradients and CSS effects all render exactly as the browser paints them. Choose a screen size from mobile through to desktop HD, capture the visible area or the full scrolling page, strip cookie banners and ads, and download PNG, JPG, WebP or SVG. To render your own markup instead of a live site, use HTML to Image.
Most people open this because a photo is too big, in the wrong format, or they do not want to install an editor for a two-minute job.
Website Screenshot is a good fit when making an Open Graph or social preview card at 1200 x 630 from a page or from your own HTML.
Why this exists
Website Screenshot is built around a few practical wins, not a long feature list:
- A real browser engine, not an HTML parser - what you get is what a visitor sees, including web fonts and CSS grid.
- Full page capture scrolls the page first, so lazy-loaded images are actually present instead of blank placeholders.
- Real viewport sizes trigger the responsive breakpoints a site defines, so a mobile capture is the mobile layout - not a shrunken desktop one.
- Ad, tracker and cookie-banner removal for a clean frame without editing afterwards.
- Retina 2x output for slide decks, documentation and print where a 1x screenshot looks soft.
- Paste HTML and CSS to preview an email template, invoice or social card without deploying anything.
Walkthrough
- Paste the address. Enter any public http:// or https:// page. The browser arrives as an anonymous first-time visitor, so what you get is the page a new reader would see.
- Pick a screen size and options. Select a viewport from Mobile 390px up to Desktop HD 1920px - the page lays itself out at that width. Turn on Full page to scroll to the bottom first, Retina 2x for double density, and block ads or overlay popups for a clean frame.
- Download the image. Capture, then save as PNG for the sharpest text, JPG or WebP for a smaller file, or SVG when a workflow needs one. Copy puts the screenshot straight on your clipboard.
Jobs it is built for
- Making an Open Graph or social preview card at 1200 x 630 from a page or from your own HTML.
- Archiving a receipt, booking confirmation or terms page exactly as it appeared on the day.
- Capturing the same page at mobile, tablet and desktop widths for a responsive design review.
- Rendering an HTML email template to an image for a client to approve.
- Adding real product screenshots to documentation, decks and app store listings.
- Evidence for a bug report or a design QA ticket, with the popups stripped out.
Worth knowing before you start
- Full page plus Retina 2x on a long article creates a very large image - turn Retina off unless you need print density.
- If a site looks half-loaded, capture it again: slow pages sometimes finish after the first attempt warms their cache.
- Use the Social card preset when you want an exact 1200 x 630 frame rather than cropping afterwards.
- PNG keeps text crisp; JPG and WebP are far smaller for photo-heavy pages.
- In Paste code mode you can leave out <html> and <body> - a bare fragment is wrapped for you.
What not to expect
- Expecting a screenshot of a page that requires a login - the browser arrives signed out, exactly like a first-time visitor.
- Assuming SVG output is a vector of the page. Nothing can turn rendered pixels back into shapes; the SVG carries the image inside it so it scales in SVG-only workflows.
- Capturing a page behind a paywall or bot protection and reading the challenge screen as a bug.
- Relying on relative paths like <img src="logo.png"> in pasted HTML - there is no base URL, so use a full https:// address or a data URI.
- Turning on ad blocking for a page whose layout depends on those slots, then wondering why the spacing changed.
Privacy, in one paragraph
Website Screenshot needs the ToolBox API for work a browser cannot do. What you submit is processed, then discarded. It is not kept as a library of your files.
Related tools worth opening next
If this is one step in a longer job, these usually come after it:
- HTML to Image - Turn HTML and CSS into a picture - paste code or upload a file, rendered by a real browser engine
- Screenshot Studio - Capture screen regions at Retina quality, annotate like CleanShot, then copy or export PNG/JPG/WEBP/PDF - all in your browser
- Share Card Studio - Turn a screenshot into a framed, shadowed social post image
Open the Website Screenshot when you are ready. It is free, and you do not need an account.
Related posts
FeaturedCompress Images for Faster Web Pages (Core Web Vitals)
Oversized photos are the usual reason a page feels slow. Compress JPGs and PNGs for LCP and page weight - free in your browser.
FeaturedMake a Transparent PNG from a Photo (Free Background Remover)
Turn a photo into a transparent PNG for logos, listings and slides. Free AI background remover with an editor for leftover edges.
Convert HEIC to JPG on Mac and Android (Free, No App Store)
Open iPhone HEIC photos on Mac previews, Android phones and websites by converting to JPG in the browser. No extra codec pack required.
Neon Sign Maker: Create a Custom Glowing Neon Sign Online
Design a realistic glowing neon sign - lettering, an icon like a heart or lightning bolt, or both - on a brick, concrete or wet-street background.