Favicon Generator
Upload a logo, get every favicon size you actually need — nothing uploaded to a server.
This tool takes one uploaded logo image and generates every standard favicon size a modern website needs — 16×16 and 32×32 for browser tabs, 180×180 for the iOS home-screen icon, and 192×192 and 512×512 for Android and PWA manifests — plus the exact HTML tags to reference them. All of the resizing happens on an in-page canvas element; nothing is uploaded to a server.
It's for anyone building or relaunching a website who's about to fill in the favicon spot in their template — a developer, a freelancer setting up a client site, or a business owner using a site builder that leaves favicon setup to you. Doing it by hand usually means resizing the same image five separate times in an image editor and guessing at filenames; this does it in one pass.
A missing or blurry favicon isn't a ranking factor on its own, but it's a visible, easy-to-fix polish signal — Google shows favicons next to listings in mobile search results, and a browser tab with a generic default icon (or no icon at all) looks unfinished next to competitors that have one.
How to use this tool
- Click the upload area and choose a square logo image — ideally 512×512px or larger, PNG or a simple, high-contrast mark rather than a detailed logo with text.
- The tool automatically generates all five sizes on an in-page canvas as soon as the image loads — there's no separate "generate" button.
- Check each generated icon at its actual size, especially the 16×16 and 32×32 ones, to confirm the mark is still legible when shrunk down that far.
- Download each file individually using the download icon next to it.
- Copy the pre-written HTML block and paste it into your site's
<head>, alongside the files uploaded to your site's root/public folder. - Use "Choose a different image" to try another source logo without reloading the page.
Testing after you upload
Browsers cache favicons aggressively, sometimes for days, so after you add these files and the HTML tags to your live site, a hard refresh or an incognito/private window is often needed before you see the new icon in a browser tab. iOS home-screen icons only update the next time someone re-adds the site to their home screen — an existing shortcut already on someone's phone won't refresh on its own.
Frequently asked questions
Related guides
Want this handled for you instead?
We build the SEO foundation and handle the ongoing work — no long-term contract, no guaranteed-rankings sales pitch.