How to Take a Scrolling Screenshot in Chrome

Learn the built-in Chrome method and what to do when a page uses lazy loading, infinite scroll or fixed elements.

Updated August 10, 2026 · By OnlineGratis

A scrolling screenshot captures more than the visible part of a webpage. Instead of taking several screenshots and stitching them together, a full-page capture tries to save the page from top to bottom as one image.

Method 1: Capture a full page with Chrome DevTools

Chrome DevTools includes a command interface that can capture a full-size screenshot of the current page. This is useful when the page is mostly static and you do not need an automated scrolling workflow.

  1. Open the webpage you want to capture in Chrome.
  2. Open Developer Tools.
  3. Open the DevTools command menu.
  4. Search for the screenshot command and choose the full-size screenshot option.
  5. Wait for Chrome to create and download the image.
example.comElementsConsoleSources<body> <header class="site-header">  <h1> Guide </h1> </header> <section class="hero">  <img src="hero.jpg"/>  <p> Lorem ipsum </p> </section></body>
Chrome DevTools open on a sample webpage.
example.com>screenshotCapture area screenshotDevToolsCapture full size screenshotDevToolsCapture node screenshotDevToolsCapture screenshotDevTools
DevTools command menu with the full-size screenshot command.
Best for: articles, documentation, landing pages and other pages whose complete content is already present in the document.

Method 2: Use an extension that scrolls through the page

Some pages do not behave well with a simple one-shot capture. A dedicated scrolling screenshot extension can move through the page, capture sections and assemble them into a single image. This can be more convenient if you take full-page screenshots frequently.

The exact result depends on how the website is built. Fixed elements, animation, virtualized lists and content loaded only while scrolling can make the capture more difficult.

Scrolling Screenshot PROFull pageVisible areaFormatPNGCapture
Scrolling Screenshot PRO panel before capture.
long-screenshot.pngFull page · 1 imagevisibleareaentire page
Example of a finished long screenshot.

Lazy loading and infinite scroll: why some screenshots are incomplete

Many modern websites do not load every image or item immediately. Content may appear only when it approaches the visible area. This technique is commonly called lazy loading. Other pages continuously append more content as you reach the bottom, often called infinite scroll.

For lazy-loaded images

Scroll through the page once before taking the screenshot if you notice blank images or placeholders. This gives the website a chance to load content that was not initially requested.

For infinite-scroll pages

Decide where the capture should end. An infinite feed may have no meaningful “full page,” so a tool cannot know whether you want 20 items, 200 items or everything the site can load.

Important: extremely long pages can produce very large images and consume a significant amount of browser memory. For huge feeds or documents, several smaller captures may be more reliable than one enormous file.

How to handle sticky headers and duplicated elements

A sticky header stays fixed while the page scrolls. During a stitched capture, that element can sometimes appear repeatedly in different parts of the final image. Floating chat buttons, cookie banners and navigation bars can cause the same problem.

Before capturing, close temporary banners when possible. If the page offers a reader mode, print layout or distraction-free view, that can also produce a cleaner result.

Image quality, width and file size

The final screenshot generally reflects the page as it is rendered at the current viewport width. If you need a desktop-width capture, resize the browser before starting. If you need a mobile layout, use a narrow browser window or Chrome's device emulation tools.

GoalSuggested approach
Quick static webpage captureChrome DevTools full-size screenshot
Frequent capturesDedicated screenshot extension
Lazy-loaded contentPre-scroll or use a scrolling capture workflow
Infinite feedChoose a practical stopping point first
Very long pageConsider multiple captures to limit image size

Frequently asked questions

Does Chrome have a built-in full-page screenshot feature?

Chrome DevTools includes screenshot commands, including a full-size page capture option.

Why are some images missing from my scrolling screenshot?

The site may be lazy-loading them only when they enter or approach the viewport. Scrolling through the page before capture can help.

Why is the header repeated several times?

Fixed or sticky page elements can remain visible during multiple capture steps. Close overlays where possible or use a tool designed to account for fixed elements.

Can I capture an infinite-scroll page?

You can capture a portion of it, but an infinite feed may not have a true final page. Decide how much content you need before starting.

Want a faster browser-based method?

OnlineGratis also develops Scrolling Screenshot PRO, a dedicated tool for this task. Read the product page to see how it works, supported features and usage instructions.

View Scrolling Screenshot PRO