sodcalculator

10 Tech How-To

Scrolling Screenshots in Firefox: Full-Page Capture Guide

Guide 10-31839 · Updated · Step by step

Taking a scrolling screenshot in Mozilla Firefox lets you capture an entire webpage—from top to bottom—in a single image, without needing to stitch multiple screenshots together. This guide walks you through the built-in method and a reliable alternative, covering what you need, step-by-step instructions, common mistakes, tips, troubleshooting, and FAQs.

What You’ll Need

  • Mozilla Firefox (current version, preferably 96 or later) installed on your computer.
  • A webpage you want to capture (any site works).
  • No additional extensions are required for the built-in method.

Step-by-Step

  1. Open the webpage you want to capture in Firefox. Make sure the page has finished loading completely—images and dynamic content should be fully rendered.
  2. Access the screenshot tool by clicking the three-dot (⋯) menu button in the top-right corner of the browser window. From the dropdown, select “Take Screenshot”. Alternatively, you can right-click anywhere on the page and choose “Take Screenshot” from the context menu.
  3. Enter full-page mode: Once the screenshot overlay appears, you’ll see a toolbar at the top with options. Click the “Save full page” button (it looks like a rectangle with arrows pointing outward, usually on the right side of the toolbar). This automatically selects the entire scrollable area of the page.
  4. Adjust the capture area (optional): If you want to capture only a specific portion of the full page, you can drag the selection handles to resize the highlighted area. However, for a true scrolling screenshot, you typically want the full page selected.
  5. Save the screenshot: Click the “Download” button (downward arrow icon) in the toolbar. Firefox will save the image as a PNG file to your default Downloads folder. The filename will be something like screenshot-date.png.
  6. Verify the result: Open the downloaded file to ensure it captured the entire page. If the page is extremely long, the image may be very tall—that’s expected.

Alternative method using the Developer Tools (for older Firefox versions or more control):

  1. Open the webpage and press F12 (or Ctrl+Shift+I on Windows/Linux, Cmd+Option+I on Mac) to open the Developer Tools.
  2. Click the “Responsive Design Mode” icon (a small phone/tablet icon) in the top-right corner of the Developer Tools panel, or press Ctrl+Shift+M (Windows/Linux) / Cmd+Option+M (Mac).
  3. In Responsive Design Mode, click the three-dot menu in the toolbar and select “Take a screenshot of the full page”. This will capture the entire page and download it as a PNG.

Common Mistakes

  • Not waiting for the page to load: If you take a screenshot before images or lazy-loaded content finish loading, those parts will be missing or blank in the capture.
  • Clicking the wrong button: The “Save full page” button is easy to confuse with the regular “Save” button that only captures the visible viewport. Look for the icon with arrows pointing outward.
  • Using the browser’s print-to-PDF instead: While printing to PDF can capture a full page, it changes the layout and doesn’t produce a true image file. Stick to the screenshot tool.
  • Forgetting that the page has fixed elements: Sticky headers or floating buttons may appear multiple times in the screenshot, which is normal but can be distracting. There’s no built-in way to remove them.

Tips

  • Use the keyboard shortcut: Press Ctrl+Shift+S (Windows/Linux) or Cmd+Shift+S (Mac) to open the screenshot tool instantly.
  • Capture only what you need: If the page is extremely long, consider using the selection mode to capture just the relevant section—this keeps the file size manageable.
  • Check the file size: Full-page screenshots of long pages can be several megabytes. If you need a smaller file, you can compress it later with an image editor.
  • Use an extension for advanced options: If you need features like scrolling capture for dynamic content or automatic scrolling, extensions like “FireShot” or “Awesome Screenshot” offer more control, but the built-in tool is sufficient for most cases.

Troubleshooting

  • The “Save full page” button is grayed out: This can happen if the page uses a lot of dynamic content or if the page hasn’t fully loaded. Try scrolling to the bottom of the page first to force loading, then retry.
  • The screenshot only captures the visible area: Make sure you clicked the “Save full page” option, not the regular “Save” button. If you’re still having trouble, try the Developer Tools method described above.
  • The screenshot is blank or white: This often happens when the page uses canvas elements or WebGL that don’t render in the screenshot. Try disabling hardware acceleration in Firefox settings (Options → General → Performance), then retry.
  • The screenshot is cut off at the bottom: Some pages have infinite scroll (like social media feeds). The built-in tool captures only the currently loaded content. Scroll down to load more content before taking the screenshot, or use an extension that handles infinite scroll.
  • No screenshot option in the menu: Ensure you’re using a recent version of Firefox. If the option is missing, update Firefox from the menu (Help → About Firefox) and restart.

Frequently Asked Questions

Does Firefox have a built-in scrolling screenshot feature?

Yes, Firefox includes a built-in screenshot tool that can capture the full page with the “Save full page” option. It’s available from the page menu or via the keyboard shortcut Ctrl+Shift+S.

Can I take a scrolling screenshot on Firefox for Android?

Firefox for Android does not have a built-in scrolling screenshot feature as of now. You can use the device’s native screenshot function, but it only captures the visible screen. Some Android devices have a “scroll capture” option in their own screenshot tools, which works with any app.

Why is my full-page screenshot so large in file size?

Full-page screenshots contain a lot of pixel data, especially for long pages. The file size depends on the page length and content. You can reduce the size by converting the PNG to JPEG or using an image compression tool.

Can I take a scrolling screenshot of a page that uses infinite scroll?

The built-in tool captures only the currently loaded content. To capture more, manually scroll down to load additional content before taking the screenshot. For automatic scrolling, you may need an extension like “FireShot” that can handle dynamic pages.

Where are my screenshots saved?

By default, Firefox saves screenshots to your Downloads folder. If you have changed the download location in Firefox settings, they will be saved there instead.

Does the screenshot tool work on any website?

It works on most websites, but pages with complex CSS or canvas elements may not capture correctly. In such cases, try the Responsive Design Mode method or use an extension.

Related

General steps for current mainstream versions; menus can differ by device and version. See the disclaimer or report an error.

More in this bed

The whole Tech How-To bed →