RecBeamPart of Screenshot tool
Open DevTools, open the command menu with Ctrl+Shift+P (Cmd+Shift+P on Mac), type "screenshot" and choose "Capture full size screenshot".
Steps
- Open the page you want to capture.
- Press F12 or Ctrl + Shift + I (Cmd + Option + I on Mac) to open DevTools.
- Press Ctrl + Shift + P (Cmd + Shift + P on Mac) to open the command menu.
- Type screenshot.
- Choose Capture full size screenshot. Chrome downloads a PNG of the whole page.
Tips
- Scroll to the bottom first so lazy-loaded images and sections appear.
- The same menu offers Capture screenshot for the visible area and Capture node screenshot for one element.
- Close pop-ups and banners first, or they appear in the image.
When you need to mark it up
For a quick, annotated capture of what is on screen, use RecBeam's screenshot tool: capture the tab, add arrows and text, blur private details and share a link. Learn the steps in how to annotate a screenshot. Need the saved PNG in another format? Use the free PNG to JPG or PNG to WebP converter, or turn images into a PDF.
Questions
Does Chrome have a built-in full-page screenshot?
Yes, through DevTools: the "Capture full size screenshot" command saves the whole page as a PNG.
Does RecBeam capture the full scrolling page?
RecBeam captures the current tab, a window or the screen through Chrome's picker. It does not advertise scrolling full-page capture, so use DevTools for that.
Why is my full-page screenshot blank in places?
Some pages load content as you scroll. Scroll to the bottom first so everything has loaded, then capture.