How to Screenshot Just the Header or Footer of a Website

Overview

This guide covers screenshot website header footer using the FrameSnap API. Follow the steps below to capture screenshots programmatically in your workflow.

Steps

1. Use a very short viewport height like height=100
2. Scroll to position before screenshot using pre-navigation script
3. Or capture full page and crop programmatically
4. The API supports custom viewport dimensions precisely

API parameters that help

• width: control the viewport width for your target use case
• format: png for quality, jpeg for smaller files
• delay: wait for dynamic content to load before capturing
• full_page: capture the entire document including below-fold content

Next steps

Try the free screenshot tool or get an API key to start capturing screenshots in your own projects.