Traditionally, image processing required powerful servers. But modern web technologies have changed the game—now your browser can handle complex image manipulation without ever sending your files to a server.
The Technologies Behind It
HTML5 Canvas API
The Canvas API provides a means for drawing graphics via JavaScript and the HTML canvas element. It allows for dynamic, scriptable rendering of 2D shapes and bitmap images.
WebAssembly (WASM)
WebAssembly is a binary instruction format that runs in modern web browsers at near-native speed. It enables complex image codecs and processing algorithms to run efficiently in the browser.
FileReader API
The FileReader API lets web applications asynchronously read the contents of files stored on the user's computer, enabling us to access images without uploading them.
Privacy Benefits
By processing images locally:
- Your files never leave your device
- No risk of data breaches on our servers
- No tracking of what images you process
- Works offline after initial page load
Performance
Modern browsers can process images remarkably fast. A typical WebP conversion takes milliseconds, and even complex operations like color extraction happen in real-time.