Why I built a privacy-first image tool that runs entirely in your browser

#privacy #webdev #images #javascript

Every time you upload a photo to an online image tool, you're sending it to someone's server. Maybe you're okay with that. But what if the image contains sensitive information?

A screenshot of a private conversation. A photo with GPS coordinates embedded in the metadata. A design mockup for a product that hasn't launched yet.

This is why I built ToolBox Image — a free image toolkit where every single tool runs 100% in your browser using Canvas API and WebAssembly. Nothing is uploaded. Nothing is stored. Nothing leaves your device.

What I built

22 tools covering everything from basic compression to advanced features:

Compression: JPEG, PNG, WebP, AVIF, GIF with target-size mode
Conversion: Between any format, including HEIC
Editing: Resize, crop, rotate, sharpen, denoise, blur
Analysis: EXIF viewer, color picker, dominant color extraction, format viewer
Privacy: Metadata stripper, image redactor (pixelate sensitive areas)
Creation: Passport photos, circle crops, watermarks, SVG optimization

Why it matters

Most image tools follow the same pattern: upload → process on server → download. That means:

Your images sit on someone's server (for who knows how long)
They can be accessed by third parties
Large files take minutes to upload
There's a file size limit on most free tools

Browser-based processing solves all of these. The code runs locally using WebAssembly. The only thing you download is the optimized result.

The tech

Built with Astro 7, Tailwind CSS v4, and vanilla JavaScript for processing. Canvas API handles decode, encode, resize, and filters. Web Workers enable parallel processing for batch jobs (up to 200 images at once).

No backend servers. No databases. No user accounts.

The entire site is deployed on Cloudflare Pages and costs essentially nothing to run because there's no server-side processing.