← Back to Blog

How to Screenshot in Firefox (4 Methods, 2026)

March 10, 20269 min read
Morgan
Morgan
Indie Developer

# How to Take a Screenshot in Firefox: Built-in Tool, Shortcuts, and Pro Tips

Firefox has one of the best screenshot tools of any browser. You can grab a custom area, a page element, what you see on screen, or an entire long page — all without any add-ons.

Here are four ways to take a screenshot in Firefox on Mac. We'll go from the fastest shortcut to more advanced options.

Screenshot firefox tool capturing a webpage on Mac
Screenshot firefox tool capturing a webpage on Mac

Use the Firefox screenshot shortcut on Mac

The fastest way to take a Firefox screenshot is with a shortcut. Press ⌘ + Shift + S and the tool pops up right away.

You get four options:

  1. Drag to select — click and drag to draw a box around what you want
  2. Hover to auto-select — move your mouse over parts of the page and Firefox highlights them for you
  3. Save visible — grabs what you see on screen right now
  4. Save full page — captures the whole page from top to bottom, even stuff you'd need to scroll to see

Once you pick an area, click Copy to put the image on your clipboard or Download to save it as a PNG. Press Esc to cancel.

This works on macOS, Windows (Ctrl + Shift + S), and Linux. It opens the same tool as the right-click menu, just faster. Mozilla's screenshot help page has more details.

Take a screenshot from the Firefox right-click menu

If you like using your mouse, the right-click menu is the easiest way to find the screenshot tool.

Firefox right-click context menu with Take Screenshot option
Firefox right-click context menu with Take Screenshot option
  1. Open the page you want to capture in Firefox
  2. Right-click (or Control-click on Mac) on an empty area of the page
  3. Select Take Screenshot from the context menu
  4. Choose your capture mode: drag a region, click an element, or use the full page / visible buttons in the top-right corner
  5. Click Download or Copy

This opens the same tool as the shortcut. The only difference is how you start it.

Tip: Don't see "Take Screenshot" in the menu? Make sure you're right-clicking on the page itself, not on a link, image, or the toolbar.

Capture a full-page screenshot in Firefox

One of Firefox's best tricks is full-page capture. The macOS screenshot tools can't do this. Firefox grabs a whole scrolling page as one tall image.

Firefox full page screenshot capturing an entire webpage
Firefox full page screenshot capturing an entire webpage
  1. Press ⌘ + Shift + S to open the screenshot tool
  2. Click Save full page in the top-right corner of the overlay
  3. Firefox stitches the entire page into one tall image
  4. Click Download to save or Copy to grab it to your clipboard

Full-page captures are great for saving long articles, keeping a record of web designs, or backing up pages before they change. The file is a PNG that you can open in Preview, mark up with tools, or share anywhere.

How big can a full-page screenshot be?

Firefox handles pages that are thousands of pixels tall. The only real limit is your RAM. Very long pages (10,000+ pixels) can make large files. You can shrink the image after if the file is too big.

Use Firefox Developer Tools for headless screenshots

Developers often need screenshots for testing or docs. Firefox's Developer Tools console lets you take captures from the command line.

Firefox Developer Tools console with screenshot command
Firefox Developer Tools console with screenshot command
  1. Press ⌘ + Option + I to open Developer Tools (or go to Tools → Browser Tools → Web Developer Tools)
  2. Click the Console tab
  3. Type :screenshot and press Enter

That saves a shot of what's on screen to your Downloads folder. You can add flags for more control:

CommandWhat it does
:screenshotCaptures visible area
:screenshot --fullpageCaptures the full scrolling page
:screenshot --selector .heroCaptures a specific CSS element
:screenshot --dpr 2Captures at 2x resolution (Retina)
:screenshot filename.pngSaves with a custom filename

You can mix flags too. For example, :screenshot --fullpage --dpr 2 homepage.png saves a full-page Retina shot with a custom name.

When to use Developer Tools

The console method works best when you need:

  • One element only — grab a div, header, or button by its CSS class
  • High-res output — force 2x or 3x for crisp images in tech docs
  • Same shot every time — run the same command on many pages for consistent results
  • Clean output — no overlay covers the page content

For daily use, the shortcut is faster. For precise work, the console wins.

Add a screenshot button to the Firefox toolbar

If you take screenshots a lot, add the tool to your toolbar so it's one click away.

  1. Click the hamburger menu (☰) in the top-right corner of Firefox
  2. Select More tools → Customize toolbar
  3. Find the Screenshot icon in the available items
  4. Drag it to your preferred spot on the toolbar
  5. Click Done

Now you can click the icon any time. No need to remember the shortcut or use the right-click menu.

Edit and annotate Firefox screenshots

Firefox saves screenshots as PNG files, but it has no editing tools. After you capture a shot, you'll need another app to crop, mark up, or add notes.

Here are good options on Mac:

If you take a lot of Firefox screenshots for work — bug reports, Slack messages, or docs — a screenshot app saves time by letting you capture and edit in one step.

Firefox screenshot tips and tricks

Here are some handy tricks that aren't easy to spot:

Grab page elements on their own. When the tool is open, hover over any part of the page. Firefox finds and highlights items like headers, images, and paragraphs. Click to capture that piece with clean edges.

Use arrow keys for fine control. After you start a selection, press the arrow keys to move one pixel at a time. Hold Shift to jump 10 pixels. Great for lining things up.

Only captures the page. Firefox grabs the web content, not the toolbar, address bar, or tabs. If you need the full browser window, use macOS screenshot shortcuts (⌘ + Shift + 4 then Space).

Works in private mode. The tool works in private windows too. Your captures won't show up in your history.

Easy file names. Firefox names files like Screenshot YYYY-MM-DD at HH-MM-SS Page Title.png. The date and page title help you find files later in your screenshot folder.

Firefox screenshot vs macOS screenshot

Both are free, but they do different things. Here's a quick look:

FeatureFirefox ScreenshotmacOS Screenshot
Full-page capture✅ Yes❌ No
Element auto-detect✅ Yes❌ No
Custom region✅ Yes✅ Yes
Window capture❌ Browser content only✅ Any window
Menu capture❌ No✅ Yes (timed screenshots)
Copy to clipboard✅ Yes✅ Yes
Video/GIF recording❌ No❌ No (use GIF tools)
Built-in editing❌ No✅ Basic markup
Keyboard shortcut⌘ + Shift + S⌘ + Shift + 3/4/5

Bottom line: Use Firefox's tool for full-page captures or to grab one element. Use macOS screenshots for things outside the browser — other apps, menus, or the desktop.

Want both in one app? Tools like ScreenSnap Pro handle browser and system captures with built-in markup.

Common Firefox screenshot problems

The tool won't open

If ⌘ + Shift + S does nothing, another app may be using that shortcut. Check System Settings → Keyboard → Shortcuts on your Mac. You can also try the right-click menu or toolbar button instead.

Screenshot looks blurry

Firefox captures at your screen's default resolution. On a Retina Mac, the output should be sharp. If it looks blurry, you may have zoomed out on the page. Set zoom to 100% (⌘ + 0) before you capture. For extra sharp images, use the console command :screenshot --dpr 2.

Can't capture a dropdown menu

Firefox's tool hides open menus when it starts. To grab a dropdown or popup, use the macOS screenshot shortcut instead: press ⌘ + Shift + 4, then press Space and click the window. Or use a timed screenshot to give yourself time to open the menu first.

Full-page capture misses some content

Some pages load content as you scroll (called "lazy loading"). Firefox may miss these parts in a full-page shot. Try scrolling all the way down first, then back up, before you take the capture. This forces the page to load everything.

Frequently Asked Questions

Does Firefox screenshot work on Mac?

Yes. The Firefox screenshot tool works on macOS, Windows, and Linux. On Mac, press ⌘ + Shift + S or right-click and select "Take Screenshot" to open it.

How do I take a full-page screenshot in Firefox?

Press ⌘ + Shift + S to open the screenshot tool, then click Save full page in the top-right corner. Firefox captures the entire page from top to bottom as a single PNG image, including content below the fold.

Where do Firefox screenshots get saved?

Downloaded screenshots go to your default Firefox download folder — usually the Downloads folder on Mac. Copied screenshots go to your clipboard and can be pasted into any app with ⌘ + V. You can change your download location in Firefox settings.

Can I screenshot a specific element in Firefox?

Yes. Open the screenshot tool with ⌘ + Shift + S, then hover over any page element. Firefox highlights it automatically — click to capture that element. For even more control, use Developer Tools: :screenshot --selector .classname captures any element by its CSS selector.

Why is Take Screenshot greyed out or missing in Firefox?

Some pages block the screenshot tool, including internal Firefox pages (like about:config) and certain DRM-protected content. If "Take Screenshot" is missing from the right-click menu, try clicking on an empty area of the page rather than on a link or image.

Ready to upgrade your screenshots?

Try ScreenSnap Pro with our 30-day money-back guarantee.

Get ScreenSnap Pro