Shipping an app or PWA means delivering more than one icon file. Store listings, install prompts, and browser tabs each expect a specific pixel size. The good news: you can generate the full set from a single high-quality source image without opening a desktop design suite.
What you need before you start
Prepare one master image that represents your app mark or logo:
- Format: PNG is ideal when you need transparency. JPG and WEBP also work.
- Resolution: At least 1024 by 1024 pixels gives the cleanest downscales.
- Composition: Square artwork is best. If the file is rectangular, keep the important content centered because most generators crop to a square before resizing.
Save the file with a clear name. Your exports will inherit that name with a size suffix, such as MyAppLogo-1024px.png.
Step 1: Upload your source image
Open the App Icon Generator and drop your image into the upload area. The tool reads the file from your device. It is not sent to a remote server when processing runs locally in the browser.
You should see a preview thumbnail and your filename displayed below the export size options.
Step 2: Choose which sizes to export
Standard icon ladders include:
| Size | Common use |
|---|---|
| 1024px | iOS App Store marketing icon |
| 512px | Google Play listing, PWA large icon |
| 256px | Marketing pages, documentation |
| 128px | Email signatures, medium UI |
| 64px | Smaller UI placements |
| 32px | Favicons, toolbar icons |
| 24px, 20px, 16px | Browser tabs, tiny UI chrome |
All sizes are selected by default. Uncheck any you do not need, or use Select all / Deselect all to toggle the full list. You must keep at least one size selected to generate exports.
Step 3: Generate the icon set
Click Generate icon sizes. The tool center-crops non-square images to a square, then resizes to each selected dimension using high-quality canvas scaling.
When processing finishes, you will see a list of generated files with download buttons for each size.
Step 4: Download individual PNGs or a ZIP
You have two delivery options:
- Download next to each size for a single PNG
- Download All to export every generated file in one ZIP archive named from your source file
The ZIP approach is fastest when you are handing assets to a developer or uploading a batch to a store console.
Step 5: Place icons in your project
Map each PNG to the correct slot in your platform toolchain:
- iOS: Add the 1024px PNG to App Store Connect. Use smaller exports for internal docs or marketing.
- Android: Use 512px for Play Console listings. Import additional sizes into Android Studio mipmaps or adaptive icon layers.
- PWA: Reference 512px and 256px icons in
manifest.json. Link 32px or 16px files as favicons in your HTML.
If a size looks blurry at 16px or 24px, simplify your logo and regenerate. Fine text and thin strokes often disappear at favicon scale.
Why browser-based generation helps
Local processing keeps unreleased logos off third-party upload servers. That matters for NDAs, client work, and pre-launch apps. You also skip account walls and software installs, which makes quick iterations cheap.
For a deeper look at which sizes each platform expects, read App Icon Sizes for iOS, Android, and PWAs.
Quick checklist
- Source image is at least 1024px on the shortest side
- Logo is centered for square crop
- Required sizes are selected
- ZIP downloaded and unpacked into project assets
- Small sizes checked for legibility before store submission