How to Do Website Screenshots on Google Chrome

  1. Open the Google Chrome browser and navigate to the website you want to capture.
  2. Press Ctrl + Shift + I (or Cmd + Option + I on a Mac) to open the Developer Tools panel.
  3. Press Ctrl + Shift + P (or Cmd + Shift + P on a Mac) to open the Command Menu.
  4. Type “screenshot” in the search box and select the screenshot type you want to take from the options:
  5. Capture area screenshot

    1. Use your mouse to select the area to capture.
    2. The screenshot will be saved to your default downloads folder as a PNG file.
  6. Capture full size screenshot

    1. The full page – all the way to the bottom – that you are currently viewing will be captured.
    2. The screenshot will be saved to your default downloads folder as a PNG file.
  7. Capture node screenshot

    1. The active part of the page that you are currently viewing will be captured.
    2. The screenshot will be saved to your default downloads folder as a PNG file.