I created this video to show how to capture full-page screenshots, whether you’re documenting a landing page, saving a web design for review, or grabbing visuals for a portfolio.
Screenshots are essential for creators, marketers, and developers — but basic tools only capture what’s visible on your screen. Full-page screenshots go beyond that, capturing the entire vertical scroll in one image.
Here’s how to do it on Chrome, Firefox, or with browser extensions.
Option 1: Use Chrome DevTools
In the video, I show the built-in method on Chrome:
- Right-click and choose Inspect
- Click the three-dot menu in the top right of DevTools
- Go to Run Command (Ctrl+Shift+P)
- Search “screenshot” and choose “Capture full size screenshot”
This saves a PNG of the entire page — great for documenting site changes or keeping design references.
Option 2: Use browser extensions
For more options, I use GoFullPage or Fireshot. These are Chrome extensions that let you:
- Save full pages
- Crop or annotate
- Export as PDF or PNG
- Capture scrolling elements like carousels or chat boxes
Bonus: Many extensions support keyboard shortcuts, so you can take shots instantly.
Option 3: On Firefox
If you’re using Firefox, it’s even simpler:
- Right-click anywhere
- Choose Take Screenshot
- Select Save full page
It’s fast, clean, and doesn’t require opening DevTools.
Use cases I cover in the video:
- Capturing long landing pages for swipe files
- Saving Pinterest pages for layout inspiration
- Documenting design work before handing off to a client
- Archiving competitor sales funnels
Do you regularly screenshot partial views, or have you started using full-page captures to improve your creative workflow?