How to Take a Partial Screenshot in Firefox

Quick answer: Open the page in Firefox and press Ctrl+Shift+S on Windows or Linux, or Command+Shift+S on macOS. You can also right-click an empty part of the page and choose Take Screenshot. Drag across the area you need, adjust the selection markers, then choose Download or Copy.

Firefox’s built-in screenshot tool captures a custom region without requiring an extension. It can also recognize individual page parts, save the visible viewport, save the full page, and capture a specific DOM element from Developer Tools. Mozilla documents the workflow in Take screenshots in Firefox.

Take a partial screenshot step by step

Open the webpage in Firefox and scroll until the content you want is available.
Open the screenshot interface with Ctrl+Shift+S on Windows/Linux or Command+Shift+S on macOS.
Alternatively, right-click (or Control-click) an empty area of the page and select Take Screenshot.
Move the pointer over the page. Firefox highlights page parts it recognizes. Click a highlighted part for an automatic selection, or drag to draw your own rectangle.
Resize the selection with the marker points around its edge. Drag inside the selection to reposition it if needed.
Choose Download to save the image in Firefox’s default download folder, or choose Copy to put it on the clipboard.
Press Esc or select the X control to cancel.

The custom-region method is best when you need an arbitrary rectangle, such as a chart fragment, a section of documentation, or a crop that spans several page components.

Choose the right Firefox capture mode

What you need	Firefox option	How to use it
An arbitrary portion of the page	Custom selection	Open Take Screenshot and drag a rectangle.
One recognizable page part	Automatic page-part selection	Move over the page and click the highlighted part.
The current viewport	Save visible	Open the screenshot interface and choose Save visible.
The entire document	Save full page	Open the screenshot interface and choose Save full page.
One DOM element	Screenshot Node	Use the Developer Tools Inspector as described below.

Use keyboard controls for precise selections

Firefox’s screenshot interface supports keyboard controls when a mouse drag is difficult or when you need pixel-level adjustments:

Arrow keys move the crosshair by one pixel.
Shift plus an arrow moves it by ten pixels.
Space starts or ends region selection.
Enter selects the region currently under the pointer, or starts a selection when none is highlighted.
After a region or corner is focused, arrow keys move it. Shift plus an arrow makes larger adjustments, and Ctrl (Windows/Linux) or Command (macOS) plus an arrow jumps to a viewport edge.

Mozilla notes that moving the crosshair does not work on Wayland. If those keys do nothing in a Wayland session, use the pointer selection or the Developer Tools method instead.

Capture one element with Developer Tools

Use Screenshot Node when you need a specific HTML element rather than a hand-drawn rectangle. This is useful for a card, table, image, or component whose exact boundaries matter.

Open Developer Tools. You can use Firefox’s browser menu or the usual Developer Tools shortcut for your operating system.
Open the Inspector and find the target element in the HTML pane.
Open the context menu on that element.
Choose Screenshot Node.
Firefox saves the element screenshot to the browser’s Downloads directory.

See Mozilla’s Developer Tools screenshot documentation for the node-capture route and related page screenshot commands.

Improve the result before saving

Include the full component: wait for fonts, images, and dynamic content to finish loading before opening the tool.
Avoid accidental browser chrome: select inside the page content; Firefox’s page screenshot tool captures page content rather than the operating-system desktop.
Check sticky headers: for a custom rectangle, scroll to the position where the header and content appear exactly as you want them.
Use automatic highlighting for clean edges: Firefox can detect page parts and select their boundaries for you.
Use Screenshot Node for repeatable element boundaries: a DOM node selection is less dependent on the current pointer position than a freehand crop.
Copy when moving the image immediately: Copy places the result on the clipboard; Download creates a file in Firefox’s default download folder.

Common problems and fixes

Problem	Likely cause	Fix
The shortcut does nothing	The page or desktop environment intercepted the key combination.	Use the page context menu, right-click an empty area, and choose Take Screenshot.
The wrong page part is highlighted	Firefox detected a nearby nested element.	Move the pointer until the intended boundary appears, click a different highlighted region, or drag a custom rectangle.
The selection is slightly off	The rectangle was drawn approximately.	Drag the corner markers, move the selection, or use the keyboard adjustment controls.
Keyboard movement fails on Linux	Mozilla documents a Wayland limitation for crosshair movement.	Use the mouse, switch to a non-Wayland session if appropriate for your setup, or use Screenshot Node.
The image is blank or missing content	Content had not finished loading, or it is rendered only after interaction.	Wait for the page to settle, scroll the target into view, trigger the needed interaction, and capture again.
The output is the wrong size	You used Save visible or selected a different rectangle than intended.	Use Save full page for the whole document, or reopen the tool and draw the exact region.
Screenshot Node is unavailable	The context menu was opened outside the Inspector’s HTML pane.	Inspect the element first, then open the context menu directly on its node.
Copy is unavailable to the destination app	The clipboard operation did not reach the target application.	Use Download, then attach or insert the saved image from Firefox’s Downloads folder.

Partial screenshots for repeatable developer workflows

Firefox is convenient for one-off captures. For documentation builds, visual regression jobs, monitoring, or a service that must capture many URLs, an automated request is easier to repeat. A browser-based workflow also needs a running browser, page timing, and code to handle downloads and failures.

Or skip the browser setup

ScreenshotNeo returns a screenshot or PDF from one GET request. The API can capture a full page or a single element by CSS selector, and it supports custom CSS and JavaScript, waiting rules, device and viewport settings, dark mode, retina scale, headers, cookies, user agents, geolocation, timezone, request blocking, caching, resizing, signed links, asynchronous jobs, bulk capture, and PDF options. Full option details are in the ScreenshotNeo documentation.

cURL

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

Python

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://stripe.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)

Node.js

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

Cookie and consent banners are accepted and removed before the shot, along with more than 60 known consent platforms, newsletter popups, and chat widgets. Each cleanup step can be turned off.
Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed. The response identifies the result with X-Page-Verdict and X-Billed headers.
An MCP server provides take_screenshot, get_page_info, and capture_pdf tools for Claude, Cursor, and other MCP clients.
The Free plan includes 1,000 screenshots each month with no card. Paid plans start at $5 for 3,000 shots; every feature is available on every plan.

Create a free ScreenshotNeo account and get 1,000 screenshots a month with no card.

Automation options for partial captures

To reproduce a Firefox-style partial capture in an API workflow, identify the element with a stable CSS selector and request an element capture. If the target is only a visual rectangle with no stable element, add custom CSS or JavaScript to mark or expose the desired region, then capture the page. Use wait-for-selector, a delay, or network-idle waiting when content is asynchronous. Block ads, trackers, or selected resource types when they make page layout unstable.

Performance, reliability, and cost considerations

One-off speed: Firefox’s built-in tool avoids setup and is usually the fastest choice for a single manual crop.
Repeatability: an API request is easier to run from CI, documentation scripts, or a queue than a manual browser interaction.
Page timing: dynamic pages need an explicit wait strategy. Capture too early and the selected area can be incomplete.
Reliability: stable selectors, fixed viewport and device settings, and blocked third-party requests reduce layout changes between runs.
Cost control: ScreenshotNeo supports a cache TTL you choose. Cache hits are not billed, and failed loads, blank pages, bot checks, and timeouts are not billed.
Scale: bulk capture supports up to 100 URLs per call, while asynchronous jobs and signed webhooks let a longer capture run finish outside the request that starts it.

Checklist

Choose custom selection, automatic page-part selection, Save visible, Save full page, or Screenshot Node based on what must be included.
Wait for images, fonts, and interactive content before capturing.
Use marker handles or keyboard controls for precise boundaries.
Use Screenshot Node when a DOM element must be captured consistently.
For repeatable or high-volume work, use an automated screenshot request with an explicit wait and caching strategy.

FAQ

Can Firefox capture only part of a webpage?

Yes. Open Take Screenshot, drag over the region, adjust the markers, and download or copy the result.

What is the shortcut on macOS?

Press Command+Shift+S.

What is the shortcut on Windows or Linux?

Press Ctrl+Shift+S.

How do I capture one HTML element?

In Developer Tools, open Inspector, right-click the element in the HTML pane, and choose Screenshot Node.

Where does Screenshot Node save the file?

Firefox saves it to the browser’s Downloads directory.

Can I copy a partial screenshot instead of downloading it?

Yes. Choose Copy in the screenshot interface to place the image on the clipboard.