Hacker News Reader

Hacker News

Comment by jameshart | Hacker News Reader

Full thread

jameshart

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.

View on HN

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.

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.

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.

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.

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!

It can't modify device pixel ratio for higher resolution (that might be needed for zooming and panning in editing).

I use the Awesome Screenshot and Screen Recorder Chrome extension.

https://chrome.google.com/webstore/detail/awesome-screenshot...

It works very well.

Reply on news.ycombinator.com