I recently built a free online image processing tool that runs entirely in the browser.
No uploads, no servers, no sign-ups. Here's how it works under the hood. https://img.aixiaot.com
The Problem
Most online image tools require uploading your photos to someone else's server.
This raises privacy concerns and limits file sizes. I wanted to build something
that processes everything locally.
Tech Stack
- Next.js for the frontend
- TensorFlow.js + Real-ESRGAN for AI upscaling
- @imgly/background-removal for AI background removal
- Tesseract.js for OCR
- Canvas API for compression, resizing, format conversion
Features
• AI Background Removal - one click, works for portraits, products, animals
• Image Compression - reduce file size up to 96%
• Format Conversion - JPG, PNG, WebP
• ID Photo Maker - passport and visa photos with customizable backgrounds
• AI Image Upscaler - 2x to 8x with Real-ESRGAN
• OCR - extract text from images, 20+ languages
• Image Resizer - enlarge or shrink
Architecture
All processing happens client-side using WebAssembly and the Canvas API.
When you upload an image, it never leaves your device. The AI models
(background removal, upscaling) run locally in your browser using
TensorFlow.js and ONNX Runtime Web.
Open Source
The entire project is open source under AGPL v3.
You can find it on GitHub: https://github.com/haizeigh/ai-image-tools
Try It
https://img.aixiaot.com
I'd love to hear your feedback! What features would you add?
Top comments (1)
I'm both excited and nervous. Part of me thinks "this is cool" and another part wonders if anyone will actually use it.
For those of you who've been through this - how did you feel after your first launch? Did you keep building or move on to something else? Any advice for someone just starting out?