DEV Community

Rashid Salimov
Rashid Salimov

Posted on Originally published at vault-pro.rashid-salimov96.workers.dev

5 Privacy-First Client-Side Web Utilities You Can Use Without Server Uploads (PDF Compress, OCR, Redaction & More)

#showdev #security #webdev #javascript

5 Privacy-First Client-Side Web Utilities You Can Use Without Server Uploads (PDF Compress, OCR, Redaction & More)

When working with sensitive files—passport scans, employment contracts, ID cards, and signed invoices—most online utilities force a dangerous compromise: uploading your confidential data to an unknown remote server.

Most top-ranking online PDF and image compressors operate by sending your files to a backend queue, running headless Linux binaries, storing temporary files in cloud buckets, and returning a download link. Even when companies claim "files are deleted after 1 hour," your data still traverses the network and lives on external disks.

Over the past week, we expanded Digital Vault PRO with five new mass-market utilities that run 100% inside your browser. Modern client-side APIs, Canvas 2D, and WebAssembly (WASM) allow modern browsers to execute heavy document processing right on your CPU—with zero bytes ever sent over the network.

Here is an architectural breakdown of these 5 tools and how they work under the hood.

1. In-Browser PDF Compression (Down to 300 KB / 1 MB)

  • Tool Link: Client-Side PDF Compressor
  • The Problem: Portals, tax offices, and banking applications often enforce strict file size caps (e.g., maximum 300 KB or 1 MB per attached document). High-resolution scanner outputs usually weigh between 4 MB and 12 MB.
  • How It Works Locally:
    1. The browser reads the input PDF using pdfjs-dist inside a Web Worker.
    2. Each page viewport is rendered into an off-screen HTML5 <canvas>.
    3. Based on the selected profile (Balanced, Max Compression, or High Quality), the canvas dynamically downscales resolution (100–150 DPI) and encodes frames using progressive lossy JPEG with controlled compression levels (0.50 to 0.78).
    4. The compressed raster streams are assembled into a brand-new PDF document using pdf-lib without any backend dependencies.
    5. The result is downloaded instantly with real-time reduction percentages.

You can disconnect your internet cable or inspect the DevTools Network tab: it remains completely blank while compressing multi-page files.

2. Client-Side OCR & Text Recognition (English + Russian)

  • Tool Link: Optical Character Recognition (OCR)
  • The Problem: Extracting text from screenshots, scanned receipts, and paper documents usually requires commercial cloud APIs (Google Cloud Vision, AWS Rekognition) where confidential text is logged.
  • How It Works Locally:
    1. The tool loads a local, self-hosted WebAssembly build of Tesseract.js directly from static assets—no external CDNs or unverified third-party hosts.
    2. Pre-trained neural network weights (eng.traineddata.gz and rus.traineddata.gz) are loaded into browser cache.
    3. Includes an optional high-contrast binarization filter: Otsu-like thresholding isolates faint characters from noisy backgrounds before OCR processing.
    4. Supports instant clipboard pasting (Ctrl+V) and downloads the recognized text as a clean .txt file with one click.

3. Sensitive Data Redactor (Blackout, Blur, Pixelate)

  • Tool Link: Sensitive Photo & Document Redactor
  • The Problem: When sharing documents in messaging apps or support tickets, you often need to hide passport numbers, credit card CVVs, signatures, or faces. Simple markup apps often produce transparent or undoable overlays that can be reversed.
  • How It Works Locally:
    1. Loads images into high-resolution canvas buffers in memory.
    2. Offers 3 true redaction modes:
      • Blackout: Permanently overwrites underlying RGBA pixel values with solid black #000000. The underlying pixels are completely wiped from memory and can never be recovered.
      • Blur: Applies multi-pass box blur simulation across the selected bounding box.
      • Pixelate: Quantizes the selection into 16px mosaic blocks for clean visual anonymization.
    3. Interactive click-and-drag selection boxes with multi-region masking and full Undo (Ctrl+Z) / Redo support.
    4. Exports clean, unrecoverable PNG files.

4. Biometric Passport & ID Photo Maker (With 10×15 cm Print Sheet)

  • Tool Link: Passport & ID Photo Maker
  • The Problem: Ordering passport photos from commercial photo booths or studios is expensive, while manually sizing and cropping photos for document templates at home is notoriously tricky.
  • How It Works Locally:
    1. Includes standard document dimension presets:
      • 35 × 45 mm (Standard biometric passport, Schengen visa, national ID)
      • 3 × 4 cm (Student IDs, badges, medical cards)
      • 2 × 2 inches / 51 × 51 mm (US Visa, Green Card, Indian passport)
      • 40 × 60 mm (Specialized international visas)
    2. Overlays the official ICAO biometric guidelines: a visual head oval, eye line, and chin boundary to ensure correct proportions.
    3. Interactive zoom slider and fine tilt adjustment (±15°).
    4. Generates both:
      • A standalone single portrait rendered at 300 DPI.
      • A ready-to-print 10 × 15 cm (4 × 6 inch) photo sheet with 6 pre-aligned photos and faint gray cutting guides. Printing this sheet at any standard drugstore or photo kiosk costs pennies compared to studio fees.

5. Client-Side PDF Organizer & Page Arranger

  • Tool Link: PDF Page Organizer
  • The Problem: Scanning documents often results in upside-down pages, blank pages, or shuffled page orders. Uploading an entire packet of tax records just to delete one blank page is an unnecessary privacy exposure.
  • How It Works Locally:
    1. High-speed thumbnail rendering with pdfjs-dist on an interactive grid.
    2. Individual or batch ±90° page rotation.
    3. Visual page exclusion / deletion with instant one-click restore.
    4. Seamless page reordering with intuitive touch buttons (← / →) for mobile screens and drag-and-drop for desktop.
    5. Assembles a sanitized PDF output via pdf-lib stream mapping in milliseconds.

Summary & Technical Philosophy

Our core philosophy at Digital Vault PRO is simple:

  • Zero server uploads: All processing executes client-side in the browser sandbox.
  • No mandatory registration or paywalls: Every tool works immediately upon opening.
  • Lightweight & fast: Built on Astro 5 and Tailwind CSS with zero heavy tracking scripts.

Check out the full collection of 95+ developer, PDF, image, and office utilities:

We'd love to hear your feedback in the comments! What other client-side utilities would make your daily workflow faster and more secure?

Top comments (0)