Multi-Density Image Export for Android, iOS & Flutter
Drop in your base image, adjust background and filters, then export all five DPI density variants (mdpi to xxxhdpi) as a ready-to-use ZIP — instantly, right in your browser.
5 densities at once
mdpi · hdpi · xhdpi · xxhdpi · xxxhdpi
4 platforms
Android · iOS · Flutter · React Native
100 % private
All processing is local — no server upload
Instant ZIP
Download all files ready for your project
How to Use App Image Kit
Upload your image
Drag and drop or click to select one or more images from your computer. Supported formats include PNG, JPEG, SVG, and WebP. Everything stays in your browser — no server upload.
Adjust and preview
Set the canvas size, background colour, and position. Apply optional filters like grayscale, sepia, brightness, contrast, or blur. The live preview shows exactly what you will export.
Export as ZIP
Click Export to download a ZIP file containing all density variants (mdpi through xxxhdpi). Choose your target platform — Android, iOS, Flutter, or React Native — and the correct folder structure is generated automatically.
What Are DPI Densities?
DPI (dots per inch) measures the pixel density of a screen. Mobile devices range from 160 DPI (mdpi) on budget phones to 640 DPI (xxxhdpi) on flagship displays. When you build an Android, iOS, or Flutter app, the system expects image assets at multiple density levels so they look sharp on every screen without wasting bandwidth on lower-end devices.
Android uses named density buckets (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi) mapped to drawable-* resource folders. iOS uses @2x and @3x filename suffixes. Flutter and React Native follow similar conventions. App Image Kit generates all variants from a single source image.
Supported Platforms
Android
drawable-mdpi/ to drawable-xxxhdpi/
Assets are placed into density-qualified resource folders. The Android framework picks the best match at runtime based on the device screen density.
iOS
@1x, @2x, @3x suffixes
Apple devices use filename suffixes to distinguish scale factors. Modern iPhones require @2x and @3x assets for Retina and Super Retina displays.
Flutter
1.5x/, 2.0x/, 3.0x/, 4.0x/ directories
Flutter's asset system uses numbered subdirectories for each pixel ratio. The framework selects the closest match based on the device's pixel density.
React Native
@1.5x, @2x, @3x suffixes
React Native follows the iOS naming convention. The Metro bundler resolves the appropriate asset variant at build time based on the target device.
Why developers choose App Image Kit
No manual math
Enter the canvas at mdpi (1×) size and App Image Kit calculates every density variant automatically. No spreadsheets, no calculators, no off-by-one pixel errors.
Correct folder structure out of the box
The ZIP you download mirrors exactly what Android Studio, Xcode, and Flutter expect. Drop the folders in and you are done — no renaming or reorganising.
Visual editor before you export
Adjust background colour, scale, offset, and apply image filters before committing to the export. What you see in the preview is exactly what you get in the ZIP.
Batch processing included
Upload all your icons at once, configure each individually, and export the entire set in a single ZIP. One download covers all density variants for all images.
Frequently Asked Questions
Is App Image Kit really free?
Yes, completely free. There are no hidden costs, watermarks, or usage limits. The tool runs entirely in your browser using the HTML5 Canvas API.
Are my images uploaded to a server?
No. All image processing happens locally on your device. Your files never leave your browser, which makes the tool fast, private, and usable offline after the first page load.
What image formats are supported?
You can import PNG, JPEG, SVG, and WebP images. The exported ZIP always contains PNG files, which are the standard format for mobile app image assets.
What is the difference between dp, px, and pt?
dp (density-independent pixels) is Android's unit that abstracts away physical pixel density. 1 dp equals 1 physical pixel at mdpi (160 DPI). iOS uses points (pt), which work similarly. Physical pixels (px) are the actual dots on the screen.
Which base image size should I start with?
Start with the largest density variant you need. For Android, that is typically xxxhdpi (4x). The tool scales down from this base to generate smaller density variants, preserving quality.
Can I batch-process multiple images?
Yes. Upload multiple images using drag-and-drop or the file picker, select the ones you want to export using the checkboxes, and download them all in a single ZIP file.
Does it support Android Nine-Patch (.9.png) files?
Yes. Select the Nine-Patch platform option in the export dialog. You can define stretch and content regions, and the tool generates properly formatted .9.png files at every density.
What browsers are supported?
App Image Kit works in all modern browsers including Chrome, Firefox, Safari, and Edge. It requires JavaScript and the HTML5 Canvas API, which are supported by all current browser versions.
Learn More
Explore our developer guides covering DPI densities, image formats, platform-specific asset requirements, and best practices for Android, iOS, Flutter, and React Native.
Browse All Guides