How to Take a Full-Page Screenshot in Chrome (3 Easy Ways)

A normal screenshot only shows what fits on your screen. Receipts, long articles, dashboards and landing pages rarely fit, and stitching several screenshots together by hand is slow and never quite lines up. Here are three ways to capture an entire web page in Google Chrome, what each one is good at, and how to deal with the pages that usually go wrong.

Why a normal screenshot isn’t enough

The screenshot keys built into your computer, such as Win+Shift+S on Windows or Cmd+Shift+4 on a Mac, capture pixels that are on the screen right now. Anything below the fold simply isn’t there. A full-page screenshot has to scroll the page, take a picture of each part and join those parts without gaps or overlaps.

That is harder than it sounds. Modern pages have headers that stick to the top while you scroll, images that only load when they come into view, feeds that keep growing and app-style layouts where only an inner panel scrolls. A good full-page tool has to handle all of them, or you end up with a header repeated ten times and blank boxes where the images should be.

Method 1: One click with FrameShot

FrameShot is a free Chrome extension that captures the whole page for you and opens the result in an editor. It needs no account and nothing is uploaded.

1. Add FrameShot to Chrome and pin it to the toolbar (click the puzzle icon, then the pin next to FrameShot).
2. Open the page you want to capture.
3. Click the FrameShot icon and choose Full page, or press Alt+Shift+F (Option+Shift+F on a Mac).
4. Wait a moment while FrameShot scrolls and captures. A progress bar shows how far it has got. Press Esc to cancel, or Stop & save to keep what has been captured so far.
5. Edit and export. The capture opens in the editor, where you can crop, annotate and blur, then download it as an image or a PDF, or copy it to the clipboard.

FrameShot Studio — Editor

While it captures, FrameShot shows sticky headers once instead of on every slice, waits for lazy images to load, follows pages that keep loading more content, and captures the main panel of app-style pages that scroll inside a box. When it’s done it puts the page back exactly as it was, scroll position included. Your screenshot is made at your screen’s full sharpness, so text stays crisp on high-resolution displays.

Method 2: Chrome DevTools, no install needed

Chrome has a hidden full-page screenshot command in its developer tools. It’s handy when you can’t install anything:

1. Open DevTools with F12, or Ctrl+Shift+I (Cmd+Option+I on a Mac).
2. Open the Command Menu with Ctrl+Shift+P (Cmd+Shift+P on a Mac).
3. Type screenshot and choose Capture full size screenshot.

Chrome saves a PNG file to your Downloads folder. The command works by pretending the window is as tall as the page, which is fast but has side effects. Pages that scroll inside a panel usually come out as just the visible part, fixed headers and pop-ups can land in odd places, and images that load on scroll may be missing. There is no way to annotate or blur the result either, so you’ll need another app for that.

Method 3: Print the page to PDF

Press Ctrl+P (Cmd+P on a Mac), set the destination to Save as PDF, and under More settings switch on Background graphics. The text in the PDF stays selectable, which is great for saving an article to read later.

It isn’t a screenshot, though. Printing uses the site’s print layout, so columns, menus and images often move or disappear, and the page is cut into paper-sized sheets, sometimes in the middle of a table or a picture. If you need the page to look exactly like it does on screen, capture it as an image instead. FrameShot can still give you a PDF of that image, split across A4 or Letter pages or as one long page.

Which method should you use?

	FrameShot	DevTools	Print to PDF
How to start	One click, or Alt+Shift+F	Open DevTools, run a command	Print dialog and settings
Looks like the screen	Yes	Usually	Often changes the layout
Pages that scroll inside a panel	Captured	Visible part only	Depends on the site
Annotate and blur	Built in	No	No
What you get	Image or PDF, or the clipboard	PNG file	PDF file

For a quick one-off on a simple page, DevTools is fine. For anything you’ll share, document or mark up, an extension that understands sticky headers and lazy loading saves a lot of retakes.

Tips for tricky pages

• Cookie banners and chat bubbles. Close them before you capture. FrameShot’s settings also let you choose how fixed elements are handled: the smart default keeps headers at the top and footers at the bottom, or you can keep or hide them everywhere.
• Endless feeds. Social feeds and search results keep loading as you scroll. FrameShot follows them up to the maximum height set in its settings. Use Stop & save when you have enough.
• Very long pages. Browsers limit how big a single image can be. Instead of cutting the page off, FrameShot splits it into numbered parts at full resolution, or scales it into one image if you prefer that in the settings.
• Web apps with a side panel. When only part of a page scrolls, as in many mail and project tools, choose Scrolling panel in the popup and click the area you want.
• Stay on the tab. Switching tabs, minimising the window or changing the zoom during a capture interrupts it. FrameShot notices and tells you, so you never save a broken image without knowing.
• Huge file sizes. A long page on a high-resolution screen is a lot of pixels. Export as JPEG or WebP, or as a compact PDF, when the file needs to be small.

Common questions

Can I take a full-page screenshot in Chrome without an extension?

Yes, with the Capture full size screenshot command in DevTools described above. It works well on simple pages and less well on pages with sticky headers, lazy images or inner scrolling panels.

Why does my full-page screenshot show the header over and over?

The header is “sticky”: it stays on screen while the page scrolls, so a tool that simply joins screenshots captures it in every slice. FrameShot detects sticky and fixed elements and shows them only where they belong.

Can I capture just one part of a long page?

Yes. Use Area and drag a box. If the part you need is taller than the screen, scroll while selecting and FrameShot extends the capture. Or use Element to capture a single block, like a table or a comment, exactly to its edges.