{"slug": "i-built-an-image-toolbox-that-keeps-common-processing-inside-the-browser", "title": "I built an image toolbox that keeps common processing inside the browser", "summary": "A developer built Imging, a local-first browser tool that performs common image processing tasks such as format conversion, compression, background removal, and animated image editing entirely on the device. The tool uses WebGPU with WASM fallback for background removal and a frame pipeline for animated images, and it reports cases where full local processing is not possible. The developer emphasized that 'runs in the browser' is not a single capability, and each component must be tested independently.", "body_md": "I work with product images every day. The usual workflow was surprisingly annoying: one site for compression, another for format conversion, another for background removal, and another for animated images. Most of them required uploading the original file.\n\nSo I built Imging as a local-first browser tool. Common image work stays on the device: JPG, PNG, WebP, AVIF and HEIC conversion, compression, background removal, and GIF/APNG/animated WebP editing. Larger codecs and models load only when a feature needs them.\n\nThe main engineering lesson was that “runs in the browser” is not one capability. Decoding, canvas processing, encoding, WebGPU inference, WASM fallback, memory limits and file saving all fail independently. I now test each capability instead of assuming support from the browser name.\n\nBackground removal prefers WebGPU and falls back to WASM. Animated images go through a frame pipeline so timing and loop information can be kept while frames are edited or recompressed. PDF compression rewrites the document structure instead of turning every page into a large bitmap.\n\nThere are still honest limits. Some uncommon formats cannot be handled completely in the browser, mobile memory is tight for large animations, and HEIC files are not always consistent. The tool reports those cases instead of pretending every operation is local.\n\nImging is free to use without an account or watermark:\n\nI used AI-assisted coding during development, but the capability checks, processing boundaries and validation cases came from the actual product-image workflow.", "url": "https://wpnews.pro/news/i-built-an-image-toolbox-that-keeps-common-processing-inside-the-browser", "canonical_source": "https://dev.to/fgghyyfk/i-built-an-image-toolbox-that-keeps-common-processing-inside-the-browser-oob", "published_at": "2026-08-25 03:50:40+00:00", "updated_at": "2026-08-25 04:43:25.322646+00:00", "lang": "en", "topics": ["developer-tools", "ai-tools"], "entities": ["Imging"], "alternates": {"html": "https://wpnews.pro/news/i-built-an-image-toolbox-that-keeps-common-processing-inside-the-browser", "markdown": "https://wpnews.pro/news/i-built-an-image-toolbox-that-keeps-common-processing-inside-the-browser.md", "text": "https://wpnews.pro/news/i-built-an-image-toolbox-that-keeps-common-processing-inside-the-browser.txt", "jsonld": "https://wpnews.pro/news/i-built-an-image-toolbox-that-keeps-common-processing-inside-the-browser.jsonld"}}