How to Take a Screenshot of a Website?

Contents

We are living in TL;DR1 world and I got only 15 seconds to give you an IT advice. In this series, I will try to do this. Here we go with how to take a screenshot of a website natively in a desktop web browser.

Microsoft Edge (Windows, macOS) #

  • Click the menu button , select Web Capture, or
  • Use keyboard shortcut
    • Ctrl+Shift+S (Windows)
    • Shift ⇧+Command (or Cmd) ⌘+S (macOS), or
  • Right-click on an empty part of the website, select Web Capture (from menu)
  • Select Capture Area or Capture full page
  • Save your file.

Google Chrome (Windows, macOS) #

  • Click the menu button , click More tools, select Developer tools, or
  • Use keyboard shortcut
    • Ctrl+Shift+I (Windows)
    • Option (or Alt) ⌥+Command (or Cmd) ⌘+I (macOS), or
  • Right-click on an empty part of the website, select Inspect (from menu)
  • Click DevTools menu button , click Run command, or
  • Use keyboard shortcut
    • Ctrl+Shift+P (Windows)
    • Command (or Cmd) ⌘+Shift ⇧+P (macOS)
  • Type screenshot
  • Select Capture area or Capture full size
  • Save your file.

Mozilla Firefox (Windows, macOS) #

  • Right-click on an empty part of the website, select Take screenshot
  • Select Save full page or Save visible,
  • Save your file.

Safari (macOS) #

  • Right-click on an empty part of the website, select Inspect element (from menu)
  • In Web inspector window (with source code) find 2nd line (typically) starting with <html
  • Right-click on <html, click Capture Screenshot
  • Save your file.

Opera (Windows, macOS) #

  • Click camera button located in the top-right part of your browser window
  • Select Capture full screen or Save page as PDF
  • Save your file.

Screenshot icons created by Freepik - Flaticon


  1. Too long; didn’t read ↩︎

Buy me a coffee
Comments