About App Image Kit
A free, privacy-first tool that helps Android, iOS, and Flutter developers export images at every DPI density — all without leaving the browser.
What does it do?
Multi-density Export
Generate mdpi, hdpi, xhdpi, xxhdpi, and xxxhdpi variants from a single base image in one click. Supports Android drawable folders, iOS @2x/@3x suffixes, Flutter numbered directories, and React Native naming conventions.
Visual Adjustments
Control background colour, scale, position, and apply filters like grayscale, sepia, brightness, contrast, and blur. Preview your changes in real time before exporting.
100% Private
All processing happens locally in your browser using the HTML5 Canvas API and Fabric.js. Your images are never uploaded to any server, and the tool works offline after the first page load.
How It Works
App Image Kit runs entirely in your browser. No backend server is involved in the image processing pipeline. Here is what happens under the hood when you use the tool:
1. Image Import
When you drop or select an image, the browser reads it using the File API and creates an in-memory data URL. No data leaves your device. The image is loaded onto an HTML5 Canvas via Fabric.js, which provides the interactive editing layer.
2. Live Editing
Fabric.js renders the image on a canvas element where you can adjust scale, position, background colour, and image filters. Every change is computed in real time using GPU-accelerated canvas operations. The canvas dimensions define your base (1x / mdpi) output size.
3. Multi-Density Rendering
When you click Export, the tool creates an offscreen canvas for each density variant (1x through 4x). It redraws the image at the target resolution, applying all your adjustments at the new scale. This ensures crisp output at every density level.
4. ZIP Generation
Each rendered canvas is exported as a PNG blob. JSZip bundles all variants into a single ZIP file with the correct folder structure for your chosen platform (Android drawable-* folders, iOS @2x/@3x suffixes, etc.). FileSaver.js triggers the browser download.
The entire pipeline — from import to ZIP download — executes on your machine. The only network request is loading the page itself. Once cached, the tool even works offline. This architecture guarantees your image assets remain private and processing is near-instant regardless of file count.
Supported DPI Densities
Export one base image and get all five density variants in a single ZIP file. Each variant is scaled precisely to match the target density bucket used by Android, iOS, Flutter, and React Native.
Need to understand what these density levels mean? Read our DPI guide.
Who maintains App Image Kit?
App Image Kit is built and maintained by bravebirdy, an independent mobile developer with over eight years of experience shipping Android, iOS, and Flutter applications. The tool grew out of a personal frustration with the manual, repetitive process of exporting density variants for every project update.
All editorial content — developer guides, documentation, and tutorials — is written from first-hand experience working on production apps. If you spot an error or want to suggest a guide topic, get in touch.
Everything runs locally in the browser using the HTML5 Canvas API — no file is ever sent to a server. That means fast processing, strong privacy, and offline use after the first load.
About the Project
The goal is simple: drag in an image, tweak it visually, and download a perfectly organised ZIP ready for your project assets folder — Android drawable folders, iOS @2x/@3x names, Flutter asset directories, React Native suffixes, or Nine-Patch borders.
The tool is free to use. If you find it useful, sharing it with a colleague or linking to a guide from your blog is the best way to support it.
Legal: Terms of Use · Privacy Policy
Frequently Asked Questions
Is App Image Kit really free?
Yes. There are no hidden costs, watermarks, usage limits, or account requirements. The tool is supported by optional advertising.
What platforms are supported?
Android (drawable-mdpi through drawable-xxxhdpi), iOS (@1x, @2x, @3x), Flutter (1.5x, 2.0x, 3.0x, 4.0x directories), React Native (@1.5x, @2x, @3x suffixes), and Android Nine-Patch (.9.png) files.
What image formats can I import?
PNG, JPEG, SVG, and WebP. The exported ZIP always contains PNG files, which are the standard lossless format for mobile app image assets.
Are my images uploaded to a server?
No. All image processing happens locally on your device using the HTML5 Canvas API. Your files never leave your browser.
Can I process multiple images at once?
Yes. Upload multiple images, select the ones you want to export using the checkboxes, configure adjustments per image, and download them all in a single ZIP.
Does it work offline?
After the first page load, the tool is fully cached and works without an internet connection. The entire processing pipeline runs in-browser.
Changelog
- •Added documentation hub, Terms of Use, and three App Image Kit–specific tutorials
- •Fixed static sitemap generation for search engines
- •Structured data (Article, FAQ, breadcrumbs) and expanded site navigation
- •Added developer guide section with 11 articles on DPI, image formats, and platform-specific assets
- •Improved homepage with content sections, FAQ, and platform information
- •Added automatic sitemap generation
- •Added Nine-Patch (.9.png) export support with configurable stretch regions
- •Added React Native platform export option
- •Batch export: select multiple images and download all variants in a single ZIP
- •New image filters: brightness, contrast, and blur adjustments
- •Initial release with support for Android, iOS, and Flutter export
- •Visual editor with background colour, scale, position, grayscale, sepia, and invert filters
- •Single and multi-image export as ZIP
- •Dark mode support