Capture Full PageCapture Full PageLägg till i Chrome

Scrolling Screenshot in Chrome — Capture Entire Long Pages

A scrolling screenshot captures an entire web page from top to bottom — including all content below the fold — by automatically scrolling and stitching sections into one seamless image. This is essential for long articles, dashboards, landing pages, and documentation that extends beyond the visible viewport. The Capture Full Page extension handles this automatically: it scrolls through the page, detects and manages sticky headers and footers, waits for lazy-loaded images to appear, and produces a single high-resolution screenshot. After capture, annotate in the built-in editor with arrows, text, shapes, and numbered step annotations. Export as PNG or save as PDF, or copy to clipboard. You can also capture just the visible screen or a selected area. For keyboard-driven workflows, set up custom screenshot shortcuts.

3 sätt att göra det

1

Method 1: Capture Full Page Extension — Auto-Scroll Capture

Capture Full Page automates the entire scrolling capture process. Click one button and the extension scrolls through the page, captures each viewport, and stitches them into a single image. It handles sticky navigation bars, floating elements, and lazy-loaded content automatically.

  1. 1Install Capture Full Page from the Chrome Web Store — no account required.
  2. 2Navigate to the long page you want to capture.
  3. 3Click the extension icon and select "Capture Full Page."
  4. 4The extension auto-scrolls through the entire page — a progress indicator shows the capture status.
  5. 5Sticky headers and footers are detected and handled to avoid duplication in the final image.
  6. 6The complete screenshot opens in the built-in editor — annotate with arrows, text, highlights, or step numbers.
  7. 7Export as PNG, save as PDF, or copy to clipboard.
2

Method 2: Chrome DevTools Full Size Screenshot

Chrome DevTools can take a full-size screenshot, but it renders the page at once rather than scrolling — which means lazy-loaded images may be missing, and very long pages can fail or produce blank areas.

  1. 1Press F12 to open DevTools, then Ctrl+Shift+P (Cmd+Shift+P on Mac) for the Command Menu.
  2. 2Type "screenshot" and select "Capture full size screenshot."
  3. 3Chrome renders the full page and saves a PNG to Downloads.
  4. 4Limitations: lazy-loaded images often missing, no sticky element handling, no editing tools, very long pages may crash.
3

Method 3: Manual Scroll-and-Stitch

Without a dedicated tool, you can take multiple screenshots while manually scrolling and stitch them together in an image editor. This is time-consuming and error-prone.

  1. 1Take a screenshot of the visible area.
  2. 2Scroll down and take another screenshot, overlapping slightly.
  3. 3Repeat until you've covered the entire page.
  4. 4Open all screenshots in an image editor and manually align and stitch them.
  5. 5This process is slow, imprecise, and not practical for frequent use.

Funktionsjämförelse

FunktionCapture Full PageInbyggda verktygAndra tillägg
Automatic page scrollingYes — fully automatedNo scrolling (renders at once)Some
Sticky element handlingYes — detects and managesNo — duplicates sticky elementsRarely
Lazy-loaded contentYes — waits for images to loadNo — often missingSome
Very long pages (10,000+ px)Yes — up to 100,000 pxOften failsVaries
Built-in editor after captureYes — arrows, text, shapes, stepsNoSome (paid)
PDF exportYes — one clickNoRarely
Clipboard copyYes — with annotationsNoSome
Progress indicatorYesNoSome

Vanliga frågor

How do I take a scrolling screenshot in Chrome?
Install the Capture Full Page extension, navigate to the page, click the icon, and select "Capture Full Page." The extension automatically scrolls through the entire page, captures each section, and stitches them into one seamless image. It handles sticky elements and lazy-loaded content automatically.
Why are images missing in my full page screenshot?
Many websites use lazy loading — images only load when they enter the viewport. Chrome DevTools captures the full page without scrolling, so unloaded images appear blank. Capture Full Page actually scrolls through the page, triggering lazy-loaded content to appear before capturing each section.
Can I capture a very long web page?
Yes. Capture Full Page handles pages up to 100,000 pixels in height. The extension captures in sections and stitches them together, so page length is not a limiting factor. The progress indicator shows how much of the page has been captured.
Why does my full page screenshot have duplicate headers?
Sticky (fixed-position) navigation bars appear in every viewport section during scrolling. Without proper handling, they get duplicated in the final image. Capture Full Page detects sticky elements and manages them during capture to produce a clean result without duplicates.
What's the difference between scrolling screenshot and full page screenshot?
They refer to the same thing: capturing the entire scrollable content of a web page. "Scrolling screenshot" emphasizes the auto-scroll mechanism, while "full page screenshot" describes the result — a single image of the complete page. See our full page screenshot guide for the detailed workflow.
Can I edit a scrolling screenshot after capturing it?
Yes. After the scrolling capture completes, the image opens in the built-in editor with arrows, text, shapes, highlighter, step numbering, and a full color picker. Annotate the screenshot and export as PNG, PDF, or copy to clipboard.

Capture Entire Pages with One Click

Auto-scroll, sticky element handling, lazy-load support — the complete scrolling screenshot solution for Chrome.

Add to Chrome

Related Guides

Ta en skärmdump i Chrome

Lär dig 3 sätt att ta en skärmdump i Chrome — ett-klicks-tillägg, DevTools och OS-verktyg.

Helsides skärmdump i Chrome

Fånga hela webbsidor i Chrome med ett klick, redigera och exportera som PNG eller PDF.

Skärmdump i Chrome

Fånga det synliga skärmområdet i Chrome direkt, anteckna och exportera.

Områdesskärmdump i Chrome

Välj valfritt rektangulärt område på en webbsida och fånga bara det området med ett klick.

Inbyggd skärmdumpsredigerare i Chrome

Inbyggd skärmdumpsredigerare med pilar, text, former, markeringspenna, stegnumrering och PDF-export.

Anteckna skärmdumpar i Chrome

Lägg till pilar, text, markeringar och numrerade steg på skärmdumpar direkt i Chrome.

View All Guides