Skip to content

Capturing

Full page capture

How InnoShot captures an entire web page by scrolling and stitching, with timing, sticky headers, lazy images, very long pages and how to cancel.

Updated

A full page capture saves the whole page from top to bottom as one image, including everything below the fold. InnoShot scrolls the page one screen at a time, captures each screen and stitches the pieces together. This is often called a scrolling screenshot or "scroll-and-stitch".

Capture a full page

  1. Open the page and let it finish loading.
  2. Click the InnoShot icon and choose the full page action, press Alt+Shift+F (Option+Shift+F on macOS), or use the right-click menu.
  3. Wait while InnoShot scrolls through the page. Progress is shown as it goes.
  4. When it finishes, the page returns to where you had scrolled and the editor opens with the result.

Leave the tab alone while the capture runs: do not scroll it or switch away from it.

How long it takes

Chrome lets an extension take at most two screen captures per second. InnoShot spaces its captures to stay within that limit, so a full page takes roughly half a second per screen. A 20-screen page takes about 11 seconds; a page that fits on one or two screens is quick.

Cancel a capture

Press Esc on the page, use the cancel control in the popup, or close the tab. Whichever you choose, InnoShot restores the page's scroll position.

How InnoShot handles tricky pages

Sticky and fixed headers

Headers and bars that stay on screen while you scroll would normally repeat on every screen of a stitched image. InnoShot shows them once: elements anchored to the top appear only in the first screen, and elements anchored to the bottom, such as cookie bars, appear only in the last.

Lazy-loaded images

Many pages load images only when you scroll near them. An optional pre-scroll pass steps through the page first, so those images have loaded before the real capture starts.

Wide pages

If the page also scrolls sideways, InnoShot captures it in columns as well as rows, so the right-hand side is included.

Animations and changing pages

Parallax effects, scroll-triggered animations and virtualized lists (which only draw the rows near the visible part) can look different while the page is being scrolled. If a page comes out wrong, turn on the option to pause animations during capture and try again. If the page's height changes during capture, InnoShot tells you.

Zoom and high-density displays

The capture is taken at your display's native resolution and takes Chrome's page zoom into account, so the stitched pieces line up.

Very long pages

  • Infinite scroll. Some pages keep loading more content as you scroll. A maximum capture height, 40,000 CSS pixels by default, stops the capture, and the editor tells you when this has happened.
  • Segments. Browsers limit how large a single image canvas can be. Very long captures are stored as several segments rather than being cut off, and the editor shows them as one image.
  • Export. If an export would be too large for one image, InnoShot offers to split it into numbered files, scale it down or create a PDF. It never crops silently.

Limits

  • Content that scrolls inside its own box, such as a chat pane or a table with a fixed height, is captured at its visible size. Use scrollable container capture for that.
  • Some pages cannot be captured, or only partly, because Chrome restricts extensions there, such as chrome:// pages and the Chrome Web Store. See Pages InnoShot cannot capture.

Still stuck? See troubleshooting or contact us.