How to Take a Full-Page Screenshot in Google Chrome

A normal screenshot captures only what fits on your screen. To save an entire long web page, like a receipt, an article, a design mockup, or a long chat, you need a full-page screenshot. Google Chrome can do this without any extensions using a hidden command in its developer tools. This guide shows that method step by step, plus easier options with extensions, Microsoft Edge, printing to PDF, and phones.

Quick Answer

Open the page in Chrome and press Ctrl + Shift + I (Mac: Command + Option + I) to open Developer Tools. Press Ctrl + Shift + P (Mac: Command + Shift + P), type screenshot, and choose Capture full size screenshot. Chrome saves a PNG of the whole page to your Downloads folder.

Method 1: Chrome Developer Tools (No Extension)

1. Open the web page and scroll to the bottom once so any images that load as you scroll (lazy loading) are fully loaded.
2. Press Ctrl + Shift + I on Windows or ChromeOS, or Command + Option + I on a Mac. You can also press F12, or open the three-dot menu and choose More tools > Developer tools.
3. With Developer Tools open, press Ctrl + Shift + P (Mac: Command + Shift + P) to open the Command menu.
4. Type screenshot.
5. Click Capture full size screenshot.
6. Chrome downloads a PNG image of the entire page. Close Developer Tools with the same shortcut or the X.

Other screenshot commands in the same menu

• Capture screenshot: The visible area only.
• Capture area screenshot: Drag to select a region.
• Capture node screenshot: Select an element in the Elements panel first, then capture just that part of the page.

Tips for better results

• Sticky headers or chat buttons can appear in odd places. Scroll to the top before capturing, or close pop-ups first.
• For a mobile-sized capture, click the device toolbar icon (Ctrl + Shift + M) in Developer Tools, choose a phone size, then capture.
• Extremely long pages may produce very large images or fail. Try an extension or PDF for those.

Method 2: A Screenshot Extension

Extensions from the Chrome Web Store, such as GoFullPage, add a one-click button that scrolls and stitches the page automatically, with options to save as PNG or PDF. Choose a well-reviewed extension with a clear privacy policy, since screenshot extensions can see the pages you capture.

Method 3: Microsoft Edge Screenshot

If you have Edge, press Ctrl + Shift + S (or the menu’s Screenshot option), then choose Capture full page. You can mark up the image and copy or save it.

Method 4: Save the Page as a PDF

1. Press Ctrl + P (Mac: Command + P).
2. Set Destination to Save as PDF.
3. Open More settings and check Background graphics to keep colors and images.
4. Click Save.

A PDF keeps text selectable and searchable, but the layout may differ from what you see on screen because it’s formatted for printing.

Full-Page Screenshots on Phones

• Android: Take a normal screenshot (Power + Volume down), then tap Capture more or the scroll-capture option in the preview to extend it down the page. The label varies by phone maker.
• iPhone: In Safari, take a screenshot, tap the preview, and choose Full Page at the top to save the whole page as a PDF. In other browsers on iPhone, the Full Page option may not appear.

On a Chromebook, you can capture the visible screen with keyboard shortcuts; see how to take a screenshot on a Chromebook.

Troubleshooting

• Parts of the page are blank: Images hadn’t loaded yet. Scroll through the whole page first, then capture again.
• Nothing downloads: Check Chrome Settings > Downloads and your download bar, and make sure the page isn’t blocking downloads.
• Developer tools are disabled: On work or school Chromebooks, admins may block them. Use the print-to-PDF method.

Summary

1. Open Developer Tools with Ctrl + Shift + I.
2. Open the Command menu with Ctrl + Shift + P.
3. Type screenshot and choose Capture full size screenshot.
4. Or use an extension, Edge’s Capture full page, or Print to PDF.