DEV Community

Cover image for Stop struggling with PWA icons. I built a tool that generates all 19 sizes + manifest.json automatically.
stackapps
stackapps

Posted on

Stop struggling with PWA icons. I built a tool that generates all 19 sizes + manifest.json automatically.

The Problem with PWA Icons

If you've ever built a Progressive Web App, you know the pain. You finish your app, it works great, and then you spend hours fighting with:

  • Favicons (16x16, 32x32, 48x48...)
  • Apple Touch Icons (which don't support transparency!)
  • Android Adaptive Icons (maskable vs reachable)
  • The dreaded manifest.json syntax

I got tired of doing this manually for my 4th app, so I built a tool to automate it.

Introducing Imagcon

https://imagcon.app is a specialized generator that handles all the PWA icon requirements for you.

Key Features:

  1. Smart Cropping: Automatically centers your logo for Android's circular masks.
  2. Manifest Generation: Gives you the copy-paste JSON code.
  3. Real-time Preview: See your icon on an iPhone home screen and Android app drawer before you download.
  4. AI Generation: Don't have a logo? Describe it and it generates a professional app icon style (neon/dark mode optimized).

Tech Stack

Built with React, Tailwind, and Python (FastAPI) on the backend.

Give it a spin and let me know if it saves you time!

Top comments (0)