There are tons of tools and services available for taking screenshots, but don't forget the available options right inside your browser. In Chrome (or other Chromium-based browsers), there are a few different ways to take a screenshot on a page.
To see the options, open your browser's developer tools (F12), then open the command palette (CTRL/CMD-SHIFT-P) and type "screenshot". Notice the four options that show up.
The
Capture Area Screenshot option will produce a crosshair cursor on the page that you can use to draw what part of the page you want to screenshot.
The Capture Full Size Screenshot option will instantly take a screenshot of the entire page, regardless of what's currently inside the viewport (but minus the developer tools, of course). This option is also available if you click the "Toggle device toolbar" option inside your Developer Tools (CTRL/CMD-SHIFT-M) then click the three-dots menu that appears in the top-right area next to the mobile view, allowing you to take full-size mobile screenshots.
The Capture Node Screenshot option allows you to take a screenshot of whatever HTML element is currently selected inside the "Elements" panel in your developer tools. This is a nice option for getting the exact area that are particular element comprises (e.g. a sidebar). This option can also be accessed by right-clicking any HTML element in the Elements panel.
And finally, the simple Capture Screenshot option will take whatever is currently inside the viewport on the page. This is also available when using the device toolbar for mobile testing.
One thing to note is that images outside the viewport may not yet be loaded (due to lazy-loaded images, a common performance enhancement on many websites). This means screenshot will show a blank space where an image is supposed to be.
Third-party screenshot tools likely have more options available than these simple features, but it's good to know you can take screenshots easily right inside your browser with no plugins or extensions needed.
Now on to this week's hand-picked productivity links!