Take high resolution screenshots of websites

Chrome

  1. open Chrome dev tools, device mode
  2. select preset “Responsive”, set DPR to 3.0
  3. press ctrl+shift+p
  4. type “Capture Fullsize Screenshot”

Firefox

  1. ctrl+shift+k
  2. and type (there’s autofill)
  3. :screenshot --dpr [multiplier], e.g. :screenshot --dpr 2