VKT Toolkit · September 11, 2026 · 8 min read

Capture, Annotate & Export Screenshots as PDF — The Complete Chrome Workflow

The screenshot is just the first step. You capture a webpage, then you need to circle the important part, add an arrow pointing to the issue, blur out someone's email address, and save the whole thing as a PDF to attach to a bug report. The usual workflow involves three different tools — a screenshot extension, an image editor, and a PDF converter. There is a faster way.

This guide walks through the complete workflow — capture, annotate, blur sensitive data, and export — using one Chrome extension that covers all four without leaving the browser. Capture, annotation and blur are free; PDF export comes with a one-time Premium license.

The Traditional Workflow (And Why It Is Painful)

Most people's screenshot workflow looks like this:

1. Capture with a screenshot extension or Print Screen;
2. Open an image editor (Paint, Photoshop, Preview, GIMP) to crop, add arrows, and blur private info;
3. Save the image;
4. Open a PDF tool (Word, Google Docs, online converter) to convert the image to PDF;
5. Attach the PDF to the email, report or document.

Five steps, three applications, two file conversions. And if you need to annotate a full-page screenshot — which can be 10,000+ pixels tall — most image editors struggle with the canvas size.

The PageShot Workflow: Capture → Annotate → Export (One Tool)

VKT PageShot combines all four steps in one Chrome extension. Here is the complete workflow:

Step 1: Capture

Click the PageShot icon in your toolbar. Choose your capture mode:

• Full Page — captures the entire scrollable page, including below the fold. Handles lazy-loaded images and removes sticky headers automatically;
• Visible Area — captures only what you can see on screen right now;
• Selection — drag to select a specific region of the page.

The capture happens instantly. No upload, no processing delay. The annotation editor opens automatically.

Step 2: Annotate

PageShot's built-in annotation editor includes every tool you need for a bug report, tutorial, or documentation screenshot:

Marks are drawn straight onto the capture as you make them — there is no layer stack to rearrange afterwards. If something lands wrong, Undo steps back one mark and Clear wipes the canvas so you can start over. If you only want part of the page, choose Selection capture before you shoot rather than cropping afterwards.

Step 3: Blur Sensitive Data

This is the step most people skip — and regret later. Sharing a screenshot that contains someone's email, a client's name, an account number, or a personal message is a privacy leak waiting to happen.

The Mosaic tool makes blurring effortless:

1. Select the Mosaic tool from the toolbar;
2. Drag over the area you want to obscure — an email address, a username, a balance figure;
3. The area is pixelated the moment you release. The block size is fixed, so there is no slider to tune;
4. Need a different area? Hit Undo to remove the stroke, then drag again.

The pixelation is baked into the exported image — it is not a separate layer that can be switched off. That matters: once you share the screenshot, the obscured data is permanently unrecoverable.

Step 4: Export

When your annotations are done, pick an output:

• Copy to Clipboard — a PNG on your clipboard, ready to paste into Slack, Discord, email, Google Docs, or any app that accepts images. Fastest option for quick sharing;
• Download PNG — saves a lossless PNG, automatically named PageShot_Annotated_<timestamp>.png so every capture stays distinct;
• Export PDF — a paginated PDF with your annotations preserved, for bug reports, formal submissions and archives. This one belongs to the one-time Premium license.

When to Use Each Export Format

In the editor there are exactly three outputs: clipboard, PNG download, and PDF. Only the PDF sits behind the one-time Premium license.

Real-World Workflows

Filing a Bug Report

Capture the buggy page (full page if the bug is below the fold). Add an arrow pointing to the broken element. Add a text label describing the expected behavior. Blur any user data visible on the page. Export as PNG and paste into Jira, GitHub Issues, or Linear.

Creating a Tutorial or How-To Guide

Capture each step of the process. In the annotation editor, add numbered text labels (Step 1, Step 2…), box the buttons the reader should click, and blur any personal account details. Export all images as PNG, embed them in your document.

Documenting a Price or Listing for Evidence

Capture the product page with price visible. Add a text label with the date and time. Export as PDF — the date you labeled stays visible in the document, which makes it usable for price disputes, warranty claims, or listing verification.

Sharing Feedback on a Design

Capture the design mockup or live page. Use rectangles or ellipses to mark areas that need work. Add text labels with your feedback. Use the mosaic to blur internal-only content before sharing externally. Export as PNG and paste into Figma comments, Slack, or email.

Archiving a Webpage Before It Changes

Capture the full page. Add no annotations (or just a date label). Export as PDF for a timestamped archive. This is useful for terms of service, pricing pages, policy documents, or any content that may change without notice.

Comparison: Screenshot + Annotation Tools

The split is clear: lightweight capture tools (GoFullPage, DevTools, Snipping Tool) give you the image but leave annotation to another app. Full suites (Awesome Screenshot, Nimbus) bundle capture and annotation but push cloud features and paid plans. PageShot bundles capture, annotation and blur into one free, fully local tool — PDF export is the single paid extra, and it is a one-time license rather than a subscription.

Privacy: Your Screenshots Never Leave Your Browser

Every step of the PageShot workflow — capture, annotation, blur, export — happens entirely in your browser. No screenshot is ever uploaded to a server. No account is required. No data leaves your machine.

This matters especially when you are screenshotting pages that contain private data — client dashboards, internal tools, personal accounts, financial information. The mosaic blur permanently obscures sensitive data in the exported file. And because nothing is uploaded, there is no cloud copy of your unblurred screenshot floating around on someone else's server.

Permissions are minimal: activeTab (to capture the current page) and storage (to remember your preferences). That is it.

FAQ

Capture Once, Annotate Once, Share Once

The three-tool workflow — screenshot extension, image editor, PDF converter — is a tax on every bug report, every tutorial, every piece of feedback. One tool that captures, annotates, blurs and exports eliminates the friction. The screenshot becomes a single action, not a project.

More guides in the VKT blog; questions to [email protected].