Skip to content

Instantly share code, notes, and snippets.

@ABSphreak

ABSphreak/website-screenshotting-instructions.md

Last active October 18, 2024 05:42
Show Gist options
  • Save ABSphreak/177bcbf6d7bdf0b9cab705fec6aac294 to your computer and use it in GitHub Desktop.
Save ABSphreak/177bcbf6d7bdf0b9cab705fec6aac294 to your computer and use it in GitHub Desktop.
Download ZIP
Take high quality website screenshots using just the browser
Raw
website-screenshotting-instructions.md

Take high quality website screenshots

Chrome

  1. Open Chrome dev tools, device mode
  2. Select preset “Responsive”, set DPR to 3.0
  3. Open command palette via Ctrl + Shift + P
  4. Type “Capture Fullsize Screenshot” or "Capture Screenshot" depending on what you need

Firefox

  1. Ctrl + Shift + K
  2. and type (there’s autofill)
  3. :screenshot --dpr [multiplier], e.g. :screenshot --dpr 2
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment