jakup

You can also paste a screenshot with Ctrl + V

Your image is processed in the browser only. It is never uploaded to a server.

How to make a favicon

Drop an image or click to choose one and the icons are built right away. A roughly square image such as a logo works best. For a wide image, Fill would cut off the sides, so pick Fit whole and add a little padding. The row of previews on the right is rendered at true pixel size. A favicon lives or dies on whether it reads at 16px, so a simple shape that survives being shrunk beats something that only looks good large.

Download everything as zip gives you favicon.ico, a PNG for every size you picked, site.webmanifest, and the HTML snippet in one go. 16, 32 and 48 cover browser tabs and bookmarks; 180 is the iPhone home screen shortcut; 192 and 512 are for Android and PWA install icons. The favicon.ico itself contains all three of 16, 32 and 48, so the browser can pick whichever size it needs.

Upload the files to your site root and paste the HTML snippet inside the head element and you are done. Browsers cache favicons aggressively, so a change may not show up immediately — try a hard refresh or a private window. Everything runs inside your browser and the image is never sent to a server.