CleanFrame

About

CleanFrame is a screenshot extension for Chrome that captures full-page screenshots, scrolling screenshots, and viewport screenshots of any webpage. Save webpages as PNG, WebP, or PDF with one click. Perfect for capturing long pages, entire articles, and complete web designs.

Unlike basic screen capture tools, CleanFrame uses scroll-and-stitch technology to capture entire webpages from top to bottom without gaps, duplicate headers, or missing content. The extension automatically handles sticky navigation bars, floating elements, and fixed footers that typically cause problems in full-page captures.


FEATURES

- Full-Page Screenshot Capture
Capture entire webpages regardless of length. CleanFrame scrolls through the page, captures each section with overlapping regions, and stitches them into one seamless image. No gaps, no missing content.

- Viewport Screenshot
Capture only what's visible in your browser window. Ideal for quick screenshots and sharing specific sections of a page.

- Scrolling Screenshot
Automatically scroll and capture long pages, articles, social media feeds, and infinite scroll content. The extension handles the scrolling and stitching automatically.

- Multiple Export Formats
Save screenshots as PNG (lossless quality), WebP (smaller file size), or PDF (document format for printing and archiving).

- Smart Fixed Element Detection
Automatically detects and temporarily hides sticky headers, floating navigation, and fixed footers during capture to prevent duplicate elements appearing throughout your screenshot.

- One-Click Capture
Click the extension icon, select your options, and capture. Your screenshot downloads automatically with a descriptive filename including the website, dimensions, and timestamp.

- Retina and HiDPI Support
Screenshots are captured at your display's native resolution for sharp results on high-resolution screens.

- Privacy Focused
All processing happens locally in your browser. No data is uploaded to external servers.


HOW TO USE

1. Click the CleanFrame icon in your Chrome toolbar
2. Choose capture scope: Viewport or Full Page
3. Select format: PNG, WebP, or PDF
4. Click Capture Screenshot
5. Screenshot downloads automatically to your computer

Your preferences are saved automatically for next time.


USE CASES

Designers and Developers
- Capture full-page designs for portfolios and client presentations
- Document responsive layouts and design implementations
- Save webpage mockups and landing page designs

Researchers and Students
- Archive web articles and online resources
- Save research papers and academic content
- Create visual references for citations

Marketing and Business
- Capture competitor websites and landing pages
- Save social proof and testimonials
- Document campaign pages and promotional content
- Archive invoices, receipts, and confirmations

Quality Assurance and Testing
- Document bugs with full-page context
- Capture entire user flows and page states
- Create visual regression test references

Content Creators
- Save tutorials and how-to guides
- Capture step-by-step processes
- Archive reference material from long pages


TECHNICAL DETAILS

CleanFrame uses Chrome's DevTools Protocol for high-quality screenshot capture:

- Native Resolution Capture: Screenshots match your display's pixel density
- Accurate Colors: No compression artifacts or color shifts
- Intelligent Overlap: Captures use overlapping regions to prevent gaps at section boundaries
- Seamless Stitching: Multiple viewport captures combine into a single continuous image

File Naming Convention:
Screenshots are saved with descriptive filenames:
[website]-[dimensions]-[scope]-[timestamp].[format]
Example: example-com-1440x5280-fullpage-2024-01-15-14-30-45.png


PERMISSIONS

CleanFrame requests only the permissions necessary to function:

- activeTab: Access current tab content for screenshot capture
- debugger: High-quality capture via Chrome DevTools Protocol
- downloads: Save screenshots to your computer
- storage: Remember your format and scope preferences

No data collection. No external servers. No tracking.


FREQUENTLY ASKED QUESTIONS

Why does Chrome show a debugger warning?
CleanFrame uses Chrome's debugger API to capture screenshots at native quality. This is a standard Chrome API. The warning appears briefly during capture and disappears when complete.

Can I capture pages behind a login?
Yes. CleanFrame captures whatever is visible in your browser, including authenticated pages and password-protected content.

Why are sticky headers not in my full-page screenshot?
CleanFrame temporarily hides fixed and sticky elements during full-page captures to prevent them from appearing multiple times throughout the image. This creates cleaner results.

Is there a page length limit?
CleanFrame can capture pages of virtually any length. The practical limit depends on available system memory.

When should I use PDF format?
PDF is ideal for printing webpages or archiving them as documents. PDFs maintain layout and are viewable on any device.

What's the difference between PNG and WebP?
PNG offers lossless quality with larger file sizes. WebP provides excellent quality with significantly smaller files. Choose PNG for maximum quality or WebP for easier sharing.


WHY CLEANFRAME

Standard screenshot tools fail on long pages. They either capture only the visible viewport or produce full-page screenshots with:
- Gaps between sections
- Duplicate headers and navigation bars
- Missing or cut-off content
- Blurry or compressed output

CleanFrame solves these problems with intelligent capture technology designed specifically for modern webpages with complex layouts, sticky elements, and dynamic content.

Capture clean, complete screenshots of any webpage with a single click.

1.2.0 - Latest version does a better job handling pages with inner scrolling sites.