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
Too long; didn’t read ↩︎
