Full-Page Screenshot in Chrome Without an Extension

Chrome on a computer can save a whole web page as one image, top to bottom, without any extension. The tool is part of Chrome DevTools:

1. Open the page you want to capture.
2. Open DevTools: press F12 or Ctrl + Shift + I on Windows and Linux, or Command + Option + I on a Mac. You can also use Chrome’s menu: More Tools > Developer Tools.
3. Open the Command Menu: press Ctrl + Shift + P (Windows, Linux) or Command + Shift + P (Mac).
4. Type screenshot and pick Capture full size screenshot.

Chrome saves the picture to your downloads.

Google documents these steps in Open Chrome DevTools and Run commands with the Command Menu. If you just want the normal screenshot keys for your computer or phone, see How to take a screenshot in Chrome.

The four screenshot commands

After you type screenshot in the Command Menu, Chrome offers these:

• Capture full size screenshot: the entire page, including the parts you would have to scroll to see.
• Capture screenshot: only what is visible in the window right now.
• Capture area screenshot: drag a box over the part of the page you want, like a snipping tool. Google notes this one does not work when DevTools is undocked into its own window.
• Capture node screenshot: one element of the page, such as a single image, chart or table, cropped exactly to its edges. Select the element first (see below).

Screenshot one part of a page

To capture just one picture, table or box on the page, Google’s DOM guide describes this route:

1. Right-click the thing you want and choose Inspect. DevTools opens with that element highlighted in the Elements panel.
2. In the Elements panel, right-click the highlighted line and choose Capture node screenshot.

Screenshot the phone version of a site

DevTools can also show a page as it looks on a phone and screenshot that view. From Google’s device mode guide:

1. With DevTools open, click the Toggle device toolbar button at the top of DevTools to turn on device mode.
2. Pick a phone from the Dimensions list at the top.
3. Open the toolbar’s More options menu and choose Capture screenshot or Capture full size screenshot. To include a phone frame around it, choose Show device frame first.

When you need something else

• Chrome on a phone has no DevTools. Use the phone’s own long-screenshot feature instead: see Screenshots in Chrome on iPhone and Android.
• To draw arrows, blur details or share a link, an extension is easier. See the best screenshot extensions for Chrome.
• To save a page as a document with selectable text and working links, printing to PDF works better than a picture: see Print to PDF in Chrome.

A related tool, the DevTools Recorder panel, records the steps of a user flow for testing, not a video. To make a video of your screen, see How to record your screen in Chrome.