![Dale St. Marthe](https://web.dev/images/authors/dalestmarthe.jpg) Dale St. Marthe [LinkedIn](https://www.linkedin.com/in/dale-st-marthe)

<br />

Chrome DevTools offers innovative ways to capture screenshots of your web projects.

The following DevTools Tips video reveals 4 unique techniques and numerous tips to help you take the perfect screenshot. Never take screenshots the same way again!

[Video](https://www.youtube.com/watch?v=tL-R9KzZA0s)

Watch the video to learn how to:

- Screenshot a node from the **Elements** panel.
- Screenshot a node larger than the screen size.
- Screenshot a mobile version of a website, and add a device frame.
- Capture a full-page screenshot.
- Screenshot an area of a page.
- Customize your screenshot.