How to take a full-page screenshot, lazy-loaded parts included
On this page
A browser can only photograph what's on screen. Full-page tools get around that by scrolling and stitching, and the hard part is everything that goes wrong along the way: images that haven't loaded yet, headers that follow you down the page, and pages too tall for one image.
Capture the whole page
- Open the page and press
⌘ ⇧ E(Ctrl ⇧ Eon Windows and Linux), or click the DivPic icon. - Pick PNG in the toolbar, then click Full page.
- Leave the tab alone for a moment while DivPic scrolls through the page.
- The finished image is saved or copied, depending on your setting.
What DivPic does behind the scenes
| Problem | What DivPic does |
|---|---|
| Images that load as you scroll | Scrolls through the page first so lazy-loaded images and sections are there before capturing. |
| Content below the fold | Photographs the page one screen at a time and stitches the pieces into a single image. |
| Sticky headers and chat bubbles | Takes each piece from the part of the screen they don't cover, so they don't repeat down the image. |
| Panels that scroll on their own | Scrolls the panel itself as well as the page, so its hidden content is included. |
| DivPic's own toolbar | Kept out of the image. |
Very long pages
Browsers can't create an image taller than roughly 32,000 pixels. For pages longer than that, DivPic trims the bottom rather than giving you a blank or broken file.
Tip: for an extremely long page:
- Capture it in parts by selecting large sections as elements
- Or use Figma mode, which reads the layout instead of taking pictures
Frequently asked questions
Why is the bottom of a very long page cut off?
Browsers can't create images taller than about 32,000 pixels. For pages longer than that, DivPic trims the bottom instead of failing. Capture the lower part as a separate element.
Does the page jump around while it captures?
Yes, briefly. DivPic scrolls the page to photograph each part. Leave the tab alone until it finishes.
Can I send a full page to Figma instead?
Yes. Turn on Figma mode before clicking Full page. See copying a website into Figma.
Was this article helpful?