Steven Frady

SF24

More tools

Favicon and Metadata Tool

I've created the Favicon and Metadata Tool to make it easier for you to generate the essential assets needed for your web applications. Whether you're working on a Next.js site or a Progressive Web App (PWA), this tool simplifies the process of creating all the necessary icons and metadata.

Just upload your images, and I'll handle the rest. The tool automatically formats your images into the right sizes for favicons and PWA icons, including "any" and "maskable" versions. Plus, it generates all the metadata you need, helping to enhance your website's visibility and performance.

With this tool, you can quickly and efficiently prepare your web app for a seamless user experience across all devices.

Project Title:
Project Description:
Source Icon:
Choose File...
public/site.webmanifest
{ "name": "", "short_name": "", "icons": [ { "src": "/favicon/512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" }, { "src": "/favicon/512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" } ], "theme_color": "#171717", "background_color": "#171717", "display": "standalone", "start_url": "/?source=pwa", "scope": "/", "orientation": "portrait" }
Image Assets
src / icon.png
public / favicon / 32x32.png
public / favicon / 64x64.png
public / favicon / 192x192.png
public / favicon / 512x512.png