How to Save a Webpage as an Image with Web Clipper

To save a webpage as an image with a web clipper, choose a screenshot or capture mode, then select the area you need: the visible viewport, the entire page, or a region. Article, Markdown, and HTML clip modes save content in editable formats; they do not necessarily create an image file. The exact buttons, output format, and save location depend on which clipper and browser you use.

Choose the right kind of capture

What you need	Choose	What to expect
Only what is currently on screen	Visible area, viewport, or visible screenshot	An image of the displayed portion of the page.
Everything from the top to the bottom	Full page or entire page	A tall image that includes below-the-fold content. Some tools scroll and combine multiple captures.
One chart, section, or other subsection	Region or selection	An image limited to the selected area, when the tool offers this mode.
Text you want to edit or annotate as a note	Article, page, or Markdown clip	Editable content rather than a screenshot image.

A screenshot records the page’s appearance at capture time. It is different from a PDF, a saved webpage, a bookmark, or an editable clip. If you need a standalone image, check that the chosen action exports or saves an image, rather than only creating a note.

General steps for any web clipper

Open the webpage you want to capture and wait for the parts you need to finish loading.
Open the clipper extension from the browser toolbar.
Choose a screenshot action. Select visible area, full page, or region according to your goal.
Save or clip the result using the destination shown by that product. Depending on the tool, the result may download as a file or be saved into a notebook, workspace, or vault.
Open the saved file or destination entry and confirm that it is an image and includes the intended content. This catches accidental article clips, incomplete full-page captures, and unexpected save locations.

If the extension has no screenshot option, use a browser screenshot extension that explicitly supports your desired scope. Check its supported browser, file formats, and save behavior before relying on it.

Product-specific instructions

“Web Clipper” is not one universal extension name. These examples show why it is important to follow the controls and save behavior for the specific product you use.

TagSpaces Web Clipper

TagSpaces documents a Take Screenshot button for saving the visible area as a PNG. Its full-page action captures below the fold into one tall PNG by scrolling in viewport-sized steps and stitching the captures. TagSpaces says it hides fixed and sticky elements after the first capture and restores them when the run finishes, to reduce repeated headers or banners. It also notes that long-page capture can take several seconds.

Open the webpage and launch TagSpaces Web Clipper.
Choose Take Screenshot for the visible area, or select its full-page action for a tall capture.
Save the PNG using the destination offered by the extension.
Open the saved image and inspect the top, bottom, and any important sticky or fixed content.

TagSpaces also has content-clipping options such as HTML and Markdown. Those are different outputs from a screenshot image. Its documented MHTML and PDF behavior can also vary by browser.

OneNote Web Clipper

Open the webpage and launch OneNote Web Clipper.
Select Full Page or Region when you want a screenshot image.
Choose the notebook destination and optionally add a note.
Select Clip, then open the notebook entry to confirm the capture is there.

OneNote’s Article choice saves editable text and images rather than a screenshot. Choose the screenshot mode when the image itself is the desired result. See Microsoft’s OneNote Web Clipper guide.

Obsidian, Notion, and Joplin

These tools focus on clipping pages into their respective note destinations, and their behavior should not be mistaken for a downloaded screenshot file. Obsidian Web Clipper leaves images linked to their web URLs by default; its help documents a separate Download attachments for current file command. Notion saves a clipped page into a chosen workspace page or database, and warns that websites may parse and format differently. Joplin’s extension communicates with a service started by the Joplin desktop app. Check each product’s current controls if your goal is a standalone image.

Save a screenshot with a browser extension

If your clipper only saves notes or articles, install a screenshot extension that supports the scope you need. For example, the Easy Screenshot listing for Firefox describes portion, visual viewport, and entire-page capture, with PNG, JPEG, AVIF, and WebP formats. It says entire-page capture scrolls and merges parts, and that output resolution depends on screen resolution. Confirm the extension is available for your browser and check its current controls and export options.

Open the extension’s browser listing and verify browser compatibility and supported formats.
Install it, open the target page, and choose the documented capture scope.
Export the image in the format you need, if the extension offers a format choice.
Check image dimensions and inspect the result for missing content or seams.

Check where the image is saved and whether it is local

A clipper may save to a local download, a notebook, a workspace, or a vault. Saving a page into a note does not guarantee that every picture inside it is stored locally: some clips keep links to the original remote images. If you need an image file for a document, upload, or archive, verify that the screenshot itself was exported as an image and that it opens independently of the clipper.

Standalone screenshot: a raster image of the page’s appearance at capture time.
Article clip: editable page text and possibly images, with formatting that can vary by site.
Saved webpage or archive: page data in a browser-specific format, not necessarily a raster image.
PDF: a document format that may preserve selectable text; it is not an image export.

Full-page capture: limits and practical checks

Full-page tools may scroll down the page and stitch viewport captures together. This can take longer on long pages. Pages that load content only as you scroll, animate, or update while capturing can produce incomplete or inconsistent results. Before capture, scroll through the page once if important content is lazy-loaded, wait for images and embeds, and avoid changing the page while the capture runs. Afterward, inspect the top and bottom and look for repeated fixed headers, missing sections, or stitching seams.

Use a visible-area capture when only the current screen matters; it avoids the extra work of capturing the full document. Use region capture when only one portion is needed, if your tool supports it. Output resolution and available formats are tool-specific.

Troubleshooting

Problem	Likely cause	What to try
You got text in a note instead of an image	The clipper’s Article, page, or Markdown mode was selected.	Run the clipper again and choose Screenshot, Full Page, Region, or another explicitly image-oriented action.
The screenshot stops at the visible screen	You used a viewport or visible-area capture.	Choose the full-page or entire-page mode if available.
The full-page image is missing sections	Content may load on scroll or after a delay.	Scroll through the page first, wait for the needed content, then capture again. Check whether the tool supports full-page capture on that page.
Headers or banners repeat in the image	The capture method may not suppress sticky or fixed elements while scrolling.	Check the extension’s full-page behavior. If available, try another full-page tool or capture smaller regions.
The note contains broken images later	The clip may refer to remote image URLs instead of downloading attachments.	Use the product’s attachment-download option where available, or save the desired image separately.
The saved item is hard to find	The clipper may save to a notebook, workspace, vault, or browser downloads folder.	Check the destination selected in the clipper and the browser’s downloads list; reopen the destination to confirm.
The extension does not show the described buttons	Instructions differ by product version, browser, or selected mode.	Confirm the extension’s name and browser, then consult that product’s current help page.

Or skip the browser setup

ScreenshotNeo is a website screenshot API and MCP server from Yorker Media. A single GET request can return a PNG, JPEG, WebP, or PDF. Use this when you want to capture pages from code without setting up a browser extension. The API documentation describes the available request options.

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

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)

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://stripe.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);
if (!res.ok) throw new Error(`Screenshot request failed: ${res.status}`);
await Bun.write('shot.webp', res);

ScreenshotNeo accepts cookie or consent banners like a visitor and removes more than 60 known consent platforms, newsletter popups, and chat widgets before capture; each step can be turned off. Bot checks and CAPTCHAs, blank pages, timeouts, failed loads, and cache hits cost nothing, and response headers identify the page verdict and billing status. Its MCP server provides take_screenshot, get_page_info, and capture_pdf tools for AI agents. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 shots. Sign up for 1,000 free screenshots a month, with no card.

FAQ

Does a web clipper always create a downloadable image?

No. Some clippers save editable notes or page content. Choose an explicit screenshot action and check whether the result is downloaded or saved into an app.

Should I choose PNG or JPEG?

Use a format offered by your tool that fits your destination. The available formats depend on the extension; some tools offer only one format.

Why does a clipped note’s image disappear when I am offline?

The note may store a link to a remote image instead of a local copy. Check the note app’s attachment-download feature or save the image separately.

Can I capture just part of a webpage?

Yes, if the clipper offers a Region or selection mode. Otherwise, use a screenshot extension with portion capture or crop the resulting image.