Full page screenshots for designers
Short answer
Designers need full page captures at native pixel density, because a reference is only useful if you can zoom into the type and spacing. Export PNG for anything going onto a board or into Figma — JPG compression puts artefacts around exactly the thin borders and small text you are studying.
Updated 13 August 2026Written by the Full Page Screenshot team
Three workflows this fits
- Competitive audits
- Capture the same page type across eight competitors in one sitting, at full height. Side by side in one board, the pattern in how everyone structures a pricing page becomes obvious in a way that clicking through eight tabs never does.
- Design review packets
- A staging build changes daily. A dated full page capture pins what was reviewed, so "we approved this" refers to something specific.
- Reference libraries
- Capture the whole page rather than a crop. The crop you want in six months is never the one you took.
Settings for design work
- Format
- PNG — lossless
- Density
- Native 2× on a Retina display
- Zoom before capture
- 100% — do not zoom out
- Filename pattern
- Include the domain and date
The dark mode trap
Sites that follow the system theme will capture in whichever mode your OS is in. If a reference board mixes light and dark versions of the same site, that is why. Set your system theme deliberately before a capture session.
Frequently asked questions
What format is best for design references?
PNG. It is lossless, so thin borders, small type and subtle gradients survive intact. JPG introduces artefacts exactly where you are looking.
Will the capture match my Retina display?
Yes. Captures happen at the display's real density, so a 2× screen produces a 2× image.
Can I capture a Figma or design tool canvas?
Partially. Canvas-based applications render to a single element, so you get what is on screen rather than the full artboard. Use the tool's own export instead.
Capture your first full page screenshot
Free, no account, and nothing leaves your computer.
Keep reading
Website screenshots for design, records and review
Capture a website exactly as it renders, at full page height and real display density. For design references, records, reviews and reports.
Crop, annotate and blur
A small editor built into the result page: crop, pen, arrows, shapes, highlight, text, and a blur tool for removing personal details before sharing.
Full page screenshots for developers
Attach full page visual state to bug reports, capture localhost and staging, and blur test data before it reaches a public tracker.
Full page screenshot: capture an entire webpage in one image
Take a full page screenshot of any webpage, including everything below the fold. Automatic scrolling, sticky header handling, PNG, JPG and PDF export.
Why your screenshot came out in the wrong theme
Sites respecting prefers-color-scheme capture in whatever theme your OS is set to, not what the site defaults to. Learn how to force a specific theme.