Skip to content
Privacy and export

How to Convert a Long Screenshot into a PDF

A long screenshot rarely fits on one PDF page. Learn why Chrome's Save as PDF changes the layout, how to split an image into pages by hand, and how InnoShot paginates tall captures.

By InnoShot team 7 min read

You captured a whole web page, a long chat thread or an online report, and now someone needs it as a PDF: to attach to an email, file with a support ticket, keep as a record or print. The trouble is that a full-page screenshot is usually many times taller than it is wide, while a PDF page has a fixed shape. Drop the image onto one page and it shrinks into a thin strip with unreadable text.

This guide covers two manual approaches, explains where each one falls short, and then shows how InnoShot turns a tall capture into a readable multi-page PDF.

Why long screenshots are awkward in a PDF

A PDF page has a size, such as A4 or Letter, and a printable area inside the margins. A tall image can be placed on that page in only two ways:

  • Scaled to fit the whole page. The entire image fits, but it is scaled down so far that text becomes too small to read.
  • Scaled to the page width. The text stays readable, but the image is now much taller than one page, so it has to be split across several pages.

The second option is what you want. The question is who does the splitting, and how much of the original screenshot survives the process.

Manual method 1: Chrome's Print and Save as PDF

Chrome can save any web page as a PDF:

  1. Open the page and press Ctrl+P (Cmd+P on macOS).
  2. Set Destination to Save as PDF.
  3. Choose the paper size, layout (portrait or landscape) and margins.
  4. Under More settings, tick Background graphics if you want background colors and images included.
  5. Click Save and choose where to put the file.

This is useful, but it is important to understand what it does: it does not use your screenshot at all. Chrome lays out the live page again for printing, and the result can look quite different from what you saw on screen:

  • Print styles apply. Many sites hide navigation, change fonts or show a stripped-down layout when printing.
  • The content reflows. The page is laid out to fit the paper width, so a wide desktop layout may switch to a narrower arrangement.
  • Page breaks fall where the browser decides, sometimes through the middle of a card or a table.
  • Backgrounds may disappear unless Background graphics is turned on.
  • Fixed and sticky elements can repeat on every page or overlap content.
  • Lazy-loaded images that never scrolled into view can be missing.

The upside is that text in the PDF is usually selectable and searchable. If you need the page's content as a document, printing is a reasonable choice. If you need a record of how the page looked, it is not.

Manual method 2: put the image in a document and export

To keep the actual screenshot, you can place it in a document and export that:

  1. Take the long screenshot. On desktop Chrome, the built-in way is DevTools: open DevTools with F12 (Cmd+Option+I on macOS), open the Command Menu with Ctrl+Shift+P (Cmd+Shift+P on macOS), type "screenshot" and choose Capture full size screenshot.
  2. Create a document in a word processor or layout app and set the page size and margins.
  3. Insert the image. Most apps scale it down to fit on one page, which brings back the unreadable-strip problem.
  4. To fix that, split the image into page-height slices in an image editor. Each slice should match the shape of the printable area. For example, A4 with 10 mm margins leaves about 190 by 277 mm, so for an image 1,600 pixels wide each slice would be roughly 2,330 pixels tall.
  5. Insert each slice on its own page, check that nothing overlaps or is skipped, and export as PDF.

This keeps the screenshot exactly as captured, but it is slow and easy to get wrong. A slice that is a few pixels off either repeats a line or drops one, and if you retake the screenshot you have to do it all again.

The InnoShot way: capture, tidy, export as PDF

InnoShot handles the capture and the PDF in one place, and it paginates tall images for you. It runs entirely in your browser, with no account and no uploads. InnoShot is coming to the Chrome Web Store; the download page links to the listing once it is live.

Step 1: Capture the whole page

Press Alt+Shift+F, or click the InnoShot icon and choose full page. InnoShot scrolls the page and stitches the screenshots together. Chrome allows an extension at most two visible-tab captures per second, so a long page takes a few seconds, roughly half a second per screen. A progress indicator shows how far it has got, and Esc cancels. Sticky headers appear once instead of repeating, and an optional pre-scroll pass loads lazy images first. The full-page capture page has more detail.

If the content you need is inside a panel with its own scrollbar, such as a chat window or an inbox, use scrollable region capture instead; this guide to capturing a scrollable div walks through it.

Step 2: Tidy the capture in the editor

The capture opens in InnoShot's editor tab. Before exporting:

  • Crop away anything that is not needed. Cropping is non-destructive, so you can widen it again later.
  • Redact personal or confidential details. Redaction is an opaque box flattened into every exported file, including PDF.
  • Annotate if the reader needs guidance: arrows, numbered markers or short text labels.

Step 3: Choose the PDF settings

Open Export, choose PDF and set:

Setting Options When to use it
Page size Fit, Original size, A4, Letter A4 or Letter for anything that may be printed; Fit or Original size when the page should follow the image rather than a paper format
Orientation Portrait or landscape Portrait for most pages; landscape for wide dashboards and tables
Margins Adjustable Wider margins for printing, smaller ones for on-screen reading
Header and footer Optional text A title, the page address, a date or a reference number

With a paper size selected, a tall image is paginated into readable pages instead of being shrunk onto one. You do not have to calculate slice heights or place each piece by hand. The screenshot to PDF page summarizes the feature, and the PDF export documentation covers each option.

Step 4: Save the file

Export the PDF and Chrome saves it to your usual download location. The capture also stays in InnoShot's local history, so you can reopen it and export again with different settings.

Very long pages and browser limits

Browsers limit how large a single image canvas can be. InnoShot works with that limit instead of hiding it:

  • Very long captures are stored as segments rather than being silently cropped.
  • A maximum capture height, 40,000 CSS pixels by default, stops endless infinite-scroll pages, and the editor tells you when that happened.
  • If an image export would be larger than the browser can handle, InnoShot offers to split it into numbered files, scale it down or export it as PDF. It never crops the output silently.

PDF is often the most practical of those choices, because each page holds a manageable slice of the image. The oversized images guide explains the options.

Limits and common problems

  • The text is not selectable. The PDF contains your screenshot as an image, so its text cannot be searched or copied the way a printed web page can. If you need both, save one PDF from InnoShot and one with Chrome's Print dialog.
  • A page break cuts through content. The pages are slices of one image, so a break can land in the middle of a line or a table row. Changing the orientation or margins moves where the breaks fall.
  • Parts of the page are blank. Lazy-loaded content may not have appeared. Turn on the pre-scroll option and capture again.
  • The capture stopped early. The page probably kept loading more content as it scrolled and reached the maximum capture height. The editor's capture information says when this happened, so you know the PDF does not contain the whole feed.
  • The PDF is large. A long, detailed capture produces a large image. Cropping to the part that matters makes the file smaller and easier to read.
  • Blur is not redaction. Blurred or pixelated text can sometimes be reconstructed. For anything sensitive, use redaction; this guide to hiding sensitive information explains why.

Wrapping up

Chrome's Save as PDF is good for a text document of a page, but it rebuilds the layout rather than keeping your screenshot. Placing an image in a document keeps the screenshot but means slicing it by hand. When you want the page exactly as it looked, at a readable size, across as many pages as it needs, capturing and exporting with InnoShot keeps it to a few steps.

  • full page screenshot
  • screenshot to pdf
  • export

6 min read

How to Blur Sensitive Information in Screenshots

Blur and pixelation hide details at a glance, but they are not always safe. Learn when blur is enough, when you need a solid redaction box, and how to do both properly before you share.

6 min read

How to Add Glassmorphism Effects to Screenshots

Frosted glass panels can label or soften part of a screenshot without hiding it. Learn what makes glass look real, why a flat translucent box falls short, and how to add glass with InnoShot.

6 min read

How to Capture a Scrollable Div in Chrome

Chat threads, side panels and data tables often scroll inside their own box, so normal screenshots miss most of the content. Here is how to capture all of it with DevTools or InnoShot.