Batch Export a Full Icon Set with App Image Kit

When batch export saves hours

A production Android or iOS app commonly ships between 20 and 80 bitmap icon assets: bottom navigation icons, action bar glyphs, notification icons, empty-state illustrations, onboarding images, and feature artwork. Exporting each of those at five density levels (mdpi through xxxhdpi) by hand means 100 to 400 individual exports, with strict naming rules and a tedious folder structure to maintain.

App Image Kit's batch export lets you upload the entire set at once, configure each image individually (canvas size, background, filters), and then download a single ZIP containing every asset at every density with the correct folder structure already in place. What used to take an afternoon now takes minutes.

Batch export is especially valuable during these project phases:

New project setup — export the full starter icon set from your design system in one pass.
Design refresh — update dozens of icons at once when a rebrand changes colour or style.
Multi-platform release — export the same icon set for Android, iOS, and Flutter from a single session.
QA and asset audit — quickly regenerate the full asset folder from source files to confirm nothing is missing.

Naming convention before you upload

The filename shown in the App Image Kit sidebar becomes the output filename inside every density folder. It is much easier to rename your source files on disk before uploading than to rename them one by one in the sidebar afterwards.

Adopt a consistent scheme before you start:

Use lowercase letters, digits, and underscores only. Android resource names cannot contain hyphens, spaces, uppercase letters, or special characters.
Prefix with ic_ for icons and img_ for illustrations to avoid name collisions in the resource system.
Include the size in dp if you mix multiple sizes in one session: ic_home_24.png, ic_home_48.png.
For iOS, use camelCase or hyphen-separated names that match your Xcode asset catalog entries.

Example naming pattern (Android)

ic_tab_home.png
ic_tab_search.png
ic_tab_profile.png
ic_action_share.png
ic_action_edit.png
img_onboarding_1.png
img_onboarding_2.png
img_empty_state_cart.png

Step-by-step batch workflow

Upload all source images at once. Drag the entire folder of renamed PNGs into the App Image Kit upload area, or click to browse and select multiple files. Each file appears as a thumbnail in the sidebar.
Configure each image individually. Click a thumbnail to make it the active canvas. In the Adjust panel, set the canvas size to the mdpi (1×) dimensions for that asset. Position and scale the artwork, set a background colour if needed, and apply any filters. Move to the next image and repeat.
Select images for export. Use the checkbox on each thumbnail to include it in the batch. The master checkbox at the top of the sidebar selects or deselects all at once. You can mix images of different canvas sizes in one export run.
Export for your target platform. Click Export, choose a platform (Android, iOS, Flutter, or React Native), verify the density tiers, and click Download ZIP. All selected images are rendered at every density and packed into a single archive.
Repeat for additional platforms if needed. If your project targets both Android and iOS, keep the images selected and export again with the iOS platform setting. Each export generates a separate ZIP.

ZIP structure for Android

The Android ZIP contains one folder per density tier. Every selected image appears in every folder:

drawable-mdpi/
  ic_tab_home.png
  ic_tab_search.png
  ic_action_share.png
  img_onboarding_1.png
drawable-hdpi/
  ic_tab_home.png
  ic_tab_search.png
  ...
drawable-xhdpi/
  ...
drawable-xxhdpi/
  ...
drawable-xxxhdpi/
  ...

Copy each drawable-* folder into app/src/main/res/, merging with any existing directories. Android Studio picks up new and updated files on the next Gradle sync.

Integrating with Android Studio

After merging the ZIP into your project's res/ folder, open the Resource Manager (View → Tool Windows → Resource Manager) and switch to the Drawable tab. You should see every icon with five density variants listed.

If any resource name appears twice — for example, if an existing file and a newly imported file share the same name — Android Studio will warn you of a duplicate. Fix duplicate sidebar labels in App Image Kit and re-export those images before the next merge.

For simple monochrome icons, consider using VectorDrawable XML instead of raster PNGs. Vector icons scale perfectly without density variants and reduce APK size. Use App Image Kit for assets that require photo textures, gradients, or effects that cannot be expressed as vectors.

Integrating with Xcode

Choose iOS in the export dialog. The ZIP contains standard iOS scale-factor filenames:

ic_tab_home.png          ← @1x
ic_tab_home@2x.png       ← @2x (standard Retina)
ic_tab_home@3x.png       ← @3x (Super Retina)
ic_tab_search.png
ic_tab_search@2x.png
ic_tab_search@3x.png
...

Drag the files into an existing .xcassets asset catalog or into a folder reference, depending on your project setup. If you use asset catalogs, Xcode automatically groups icon.png, icon@2x.png, and icon@3x.png into a single image set named icon.

Performance tips for large batches

Export 10–15 images at a time on machines with less than 8 GB of RAM to avoid browser tab freezes. All rendering uses main-thread canvas operations.
Close heavy background tabs before starting a large export. Video players, code editors, and other canvas-heavy pages compete for the same CPU resources.
Start with the smallest images first to test your naming convention before committing to the full set.
Use the offline cache. After the first visit, App Image Kit is fully cached and works without an internet connection — useful when working offline or on a slow connection.

Ready to export your assets?

App Image Kit generates all density variants from a single source image — free, private, and instant.

Try App Image Kit — Free Read the docs