nicetool.dev logo

PWA Asset Generator - Create App Icons & Manifest

Generate PWA icons and manifest locally in your browser. Your images never leave your device.

Upload Image

Drag and drop image here or click to select file

Support PNG/JPEG, minimum 512x512px

Manifest Configuration

Preview Icons

192x192

192x192px

Android / Chrome

512x512

512x512px

Splash Screen

180x180

180x180px

iOS Home Screen

512x512

512x512px

Maskable (Adaptive)

Manifest Preview

HTML Links for Head
💡 All processing is done client-side to ensure privacy and speed.
What is PWA Asset Generator?
PWA Asset Generator is a free tool that helps you create all necessary assets for Progressive Web Apps (PWA) from just one source image. The tool automatically generates favicon.ico, apple-touch-icon, icons in various sizes (16x16, 32x32, 192x192, 512x512...) and a complete manifest.json file. All processing happens client-side, ensuring fast speed and absolute security for your images.
Standard PWA Icon Sizes
The tool automatically generates icons according to PWA and Apple standards, including:
Favicon
favicon.ico (32x32) - Icon displayed on browser tab
Mobile & Tablet
192x192, 384x384, 512x512 - Icons for Android and home screen
Apple Touch Icon
180x180 - Icon for iOS when added to home screen
Various Sizes
16x16, 32x32, 48x48, 72x72, 96x96, 120x120, 144x144, 152x152, 167x167
Manifest.json - The Heart of PWA
The manifest.json file is the most important configuration file for PWA, containing information about:
  • •App name (name, short_name) - Displayed when installed
  • •Icons - List of all icons with sizes and purposes
  • •Theme color - Main color for app bar and address bar
  • •Start URL - Launch URL when opening app from home screen
  • •Display mode - Display mode (standalone, fullscreen...)
Key Features
1
Upload HD Image
Supports PNG/JPEG with minimum size of 512x512px for best quality
2
Multi-size Icon Generation
Automatically resize and create 13+ icon sizes following PWA and Apple guidelines
3
Auto Manifest.json
Generate standard manifest.json with complete metadata and icon references
4
Favicon.ico
Create standard favicon.ico for SEO and browser tab display
5
Client-side Processing
100% browser-based processing, images never uploaded to server
6
ZIP Download
Package all files into one convenient .zip file
Real-world Applications
1
PWA Development
Quickly generate assets for Progressive Web App projects, saving hours of manual work
2
Website Branding
Create professional favicon and touch icons for websites, enhancing brand recognition
3
Mobile App Landing
Prepare assets for installable web pages that work like native apps on mobile
SEO & UX Benefits
✓
Favicon increases CTR on SERP - Users recognize your website easier
✓
PWA improves Core Web Vitals - Better Google ranking
✓
Apple Touch Icon - Native experience when added to iOS Home Screen
✓
Complete manifest.json - Google indexes and understands your app better
Important Notes
  • •Source image should be minimum 512x512px, recommended 1024x1024px
  • •Use images with transparent background (PNG) for best results
  • •All processing is local, images never uploaded to server
  • •ZIP file includes: favicon.ico, icons (13 sizes), manifest.json
 How to use the PWA Asset Generator
  1. 1
    Upload a square PNG or JPEG logo of at least 512 x 512 pixels. A simple shape with some empty space around it works best at small sizes.
  2. 2
    Fill in the manifest fields: app name, short name (shown under the home screen icon), description, start URL, theme color and background color.
  3. 3
    Turn on the circular mask if you want round icons, then check the previews for Android, iOS, the splash screen and the maskable icon.
  4. 4
    Press Generate & Download to get a ZIP with all icon sizes and manifest.json. Copy the HTML link tags shown below into the <head> of your site.
 Practical examples
Making a site installable
Chrome and Edge only offer "Install app" when a valid manifest with 192 and 512 pixel icons is present. The generated files cover these requirements.
iOS home screen icons
Safari ignores the manifest icons and uses apple-touch-icon instead. The ZIP includes a 180 x 180 icon and the matching link tag.
Maskable icons for Android
Android crops icons into circles, squircles or rounded squares depending on the device. A maskable icon keeps your logo inside the safe zone so it is never cut off.
Rebranding quickly
When the logo changes, upload the new file once and replace the whole icon set instead of exporting a dozen sizes by hand from a design tool.
 Frequently asked questions
What is a web app manifest?+
manifest.json is a small JSON file that tells the browser the name, icons, colors and start URL of your web app. It is what allows a website to be installed and launched like a native app.
Which icon sizes are really required?+
For installability, Chrome requires at least 192 x 192 and 512 x 512 icons. iOS uses a 180 x 180 apple-touch-icon. Extra sizes help some launchers and older devices look sharper.
What is the difference between theme_color and background_color?+
theme_color tints the browser toolbar and task switcher. background_color fills the splash screen while the app loads, so it should match the background of your first screen.
Are my images uploaded?+
No. Resizing and ZIP creation happen with the Canvas API in your browser, so unreleased logos and brand assets never leave your device.