3 ms·

Tip for getting good quality website screenshots for presentations from Chrome: - Open developer tools. - Activate the device toolbar. - Set the DPR to 3 an

Tip for getting good quality website screenshots for presentations from Chrome: - Open developer tools. - Activate the device toolbar. - Set the DPR to 3 and make sure the screen is the width you want to capture. - Press cmd/ctrl-shift-P to bring up the command popup - Type 'screeenshot' and select one of the screenshot options - area, fullsize, node, or just plain screenshot to capture the viewport. Result: high res capture of your webpage. To get the 'dramatic' look from this tool, load it into powerpoint, apply a 3D transformation, overlay a radial gradient to get a vignette kind of look, then just do another screencapture.

jacobsimon 4y ago
Does anyone know tools that can capture high quality screen recordings from a browser session? Thinking about the type of video that has lots of dramatic pans and zooms + smooth cursor movement used in marketing videos. I feel like I came across a tool that could do this but can’t find it now / might have been my imagination.
- biztos 4y ago
  If you're on a Mac, you can just use QuickTime Player. File -> New Screen Recording I think it does pretty well with movement on the screen. Just remember that "stop" is Cmd-Ctrl-Esc!
  - unicornporn 4y ago
    It can't modify device pixel ratio for higher resolution (that might be needed for zooming and panning in editing).
- Baeocystin 4y ago
  I use the Awesome Screenshot and Screen Recorder Chrome extension. https://chrome.google.com/webstore/detail/awesome-screenshot-and-sc/nlipoenfbbikpbjkfpfillcgkoblgpmj https://chrome.google.com/webstore/detail/awesome-screenshot... It works very well.
icelancer 4y ago
This sounded like way too much work, but for some reason I tried it. Then I realized I don't know what DPR is. Or what the device toolbar is (is it the device button you push to emulate different devices?). And ctrl-shift-P didn't do anything. Ah well.
- leethargo 4y ago
  It's Device Pixel Ratio, which I found in the menu with the 3 vertical dots on the upper right corner, after enabling the device thing.
mikae1 4y ago
In Firefox, go to Developer Tools > Console. :screenshot --dpr 3 Add --fullpage if you want a full page screenshot. Add --delay 4 if you want a four second delay to close the Developer Tools.
deleted 4y ago
[deleted]

jacobsimon 4y ago

Does anyone know tools that can capture high quality screen recordings from a browser session? Thinking about the type of video that has lots of dramatic pans and zooms + smooth cursor movement used in marketing videos. I feel like I came across a tool that could do this but can’t find it now / might have been my imagination.

biztos 4y ago
If you're on a Mac, you can just use QuickTime Player. File -> New Screen Recording I think it does pretty well with movement on the screen. Just remember that "stop" is Cmd-Ctrl-Esc!
- unicornporn 4y ago
  It can't modify device pixel ratio for higher resolution (that might be needed for zooming and panning in editing).
Baeocystin 4y ago
I use the Awesome Screenshot and Screen Recorder Chrome extension. https://chrome.google.com/webstore/detail/awesome-screenshot-and-sc/nlipoenfbbikpbjkfpfillcgkoblgpmj https://chrome.google.com/webstore/detail/awesome-screenshot... It works very well.

icelancer 4y ago

This sounded like way too much work, but for some reason I tried it. Then I realized I don't know what DPR is. Or what the device toolbar is (is it the device button you push to emulate different devices?). And ctrl-shift-P didn't do anything. Ah well.

leethargo 4y ago
It's Device Pixel Ratio, which I found in the menu with the 3 vertical dots on the upper right corner, after enabling the device thing.

mikae1 4y ago

In Firefox, go to Developer Tools > Console. :screenshot --dpr 3 Add --fullpage if you want a full page screenshot. Add --delay 4 if you want a four second delay to close the Developer Tools.

deleted 4y ago

[deleted]