The latest articles on Forem by stackapps (@stackapps_dev). https://forem.com/stackapps_dev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3635163%2F1d9e0cc8-9fcb-4161-9537-503f087e2b98.png https://forem.com/stackapps_dev en stackapps Fri, 28 Nov 2025 19:31:00 +0000 https://forem.com/stackapps_dev/stop-struggling-with-pwa-icons-i-built-a-tool-that-generates-all-19-sizes-manifestjson-1a89 https://forem.com/stackapps_dev/stop-struggling-with-pwa-icons-i-built-a-tool-that-generates-all-19-sizes-manifestjson-1a89 <h1> The Problem with PWA Icons </h1> <p>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:</p> <ul> <li>Favicons (16x16, 32x32, 48x48...)</li> <li>Apple Touch Icons (which don't support transparency!)</li> <li>Android Adaptive Icons (maskable vs reachable)</li> <li>The dreaded <code>manifest.json</code> syntax</li> </ul> <p>I got tired of doing this manually for my 4th app, so I built a tool to automate it.</p> <h1> Introducing Imagcon </h1> <p><a href="https://imagcon.app" rel="noopener noreferrer">https://imagcon.app</a> is a specialized generator that handles all the PWA icon requirements for you.</p> <p><strong>Key Features:</strong></p> <ol> <li> <strong>Smart Cropping:</strong> Automatically centers your logo for Android's circular masks.</li> <li> <strong>Manifest Generation:</strong> Gives you the copy-paste JSON code.</li> <li> <strong>Real-time Preview:</strong> See your icon on an iPhone home screen and Android app drawer before you download.</li> <li> <strong>AI Generation:</strong> Don't have a logo? Describe it and it generates a professional app icon style (neon/dark mode optimized).</li> </ol> <h1> Tech Stack </h1> <p>Built with React, Tailwind, and Python (FastAPI) on the backend. </p> <p>Give it a spin and let me know if it saves you time!</p> webdev showdev productivity pwa