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 free Chrome extension that does all four without leaving the browser.

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:

Every annotation is non-destructive — you can move, resize, recolor, or delete any element after placing it. No need to undo and redo. Layers stack naturally: arrows on top of highlights on top of the screenshot.

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.

PageShot's 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 instantly pixelated. Adjust the blur intensity with the slider if needed;
4. Resize or reposition the blur area by dragging its handles.

The blur is baked into the exported image — it is not a separate layer that can be removed. This is important: if you share the screenshot, the blurred data is permanently unrecoverable.

Step 4: Export

When your annotations are done, click the export button. Five options:

• PNG — lossless quality, larger file. Best for screenshots that need to look crisp (documentation, tutorials);
• JPG — smaller file, slight quality loss. Best for sharing in emails and chat where file size matters;
• Copy to Clipboard — paste directly into Slack, Discord, email, Google Docs, or any app that accepts images. Fastest option for quick sharing;
• PDF — generates a properly paginated PDF with your annotations preserved. Includes page breaks, margins, and capture date. Best for bug reports, documentation, and formal submissions;
• Save to Disk — downloads the file to your default download folder.

When to Use Each Export Format

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…), highlight 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 timestamp in the PDF metadata serves as a record. Useful for price disputes, warranty claims, or listing verification.

Sharing Feedback on a Design

Capture the design mockup or live page. Use rectangles to highlight 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 everything — capture, annotation, blur, PDF — in a free, fully local tool.

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].