{
    "title": "PWA: Favicon & PWA Icon Generator",
    "slug": "pwa-favicon-pwa-icon-generator",
    "excerpt": "I've taken my Favicon Generator entirely client-side. By leveraging the Canvas API, the new version handles all image processing right in your browser - no server required. With full offline support and new features like squircle shaping and individual icon overrides, it's a faster, more flexible way to manage your project assets.",
    "body": "![Screenshot of Favicon & PWA Icon Generator](https://corenominal.com/uploads/blog/media/66ebc2a7-6ad8-4f16-a478-8388bbd3747a.png)\n\nLive: [favicons-pwa.philipnewborough.co.uk](https://favicons-pwa.philipnewborough.co.uk/)\n\nFollowing up on my [previous post](https://corenominal.com/blog/posts/favicon-manifest-generator), I've been playing around with converting my Favicon Generator into a PWA.\n\nThe new version is entirely client-side - no server required - with all the image processing handled via the [Canvas API](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API). Because it's a PWA, it caches all assets, meaning once it’s installed, you can use it completely offline.\n\nI also took the opportunity to bake in a few new features:\n\n**Individual Icon Overrides:** Perfect for when a design doesn't scale down well and you need a custom image for smaller sizes.\n\n**Shaping Tools:** Quickly generate round, rounded, or "squircle" icons.\n\n**Safe Zone Overlay:** A handy way to check for clipping on OSs that enforce specific mask shapes.\n\nI've already put it to work on a few of my own projects and I'm really happy with the workflow. If you want to poke around the source, the code is up on [GitHub](https://github.com/corenominal/favicons-pwa.philipnewborough.co.uk).",
    "tags": [],
    "published_at": "2026-04-07 21:40:00",
    "url": "https://corenominal.com/blog/posts/pwa-favicon-pwa-icon-generator",
    "featured_image": "https://corenominal.com/media/og-8b2efca3-5ec2-478d-94d1-f5c89045087b.png"
}