Favicon Generator.
Drop a square source image (or logo PNG). We render favicons in 16, 32, 48, 192 and 512 sizes, plus the HTML head tags you can paste into your site.
Source image: at least 512 by 512 pixels, preferably square. We render every size in your browser with sharp scaling.
The favicon is the small icon that shows up in the browser tab next to your page title, in browser bookmarks, in the share sheet, on Android home screens, and as the iOS web app icon. Most small business websites either skip it or upload a single low-resolution copy that looks blurry on retina displays and gets cropped on mobile.
This tool takes one square source image (your logo or a brand mark) and renders the five standard favicon sizes in your browser. 16 by 16 for browser tabs. 32 by 32 for retina tabs. 48 by 48 for Windows taskbar. 192 by 192 for Android home screen. 512 by 512 for PWA splash screens. We give you each PNG individually plus the HTML head tags ready to paste into your site. Everything runs in your browser; nothing is uploaded.
How to use the favicon generator
Upload a square source image. PNG or JPG. At least 512 by 512 pixels. Your logo with transparent background is ideal.
Click Generate favicons. We render the 16, 32, 48, 192, and 512 sizes side by side with sharp downscaling.
Click Download under each size. Save them with the same filenames we suggest (favicon-16.png, favicon-32.png, etc).
Upload all five PNGs to the root of your website. On Neweb this is the public folder; on WordPress it is the media library or theme folder.
Copy the HTML head tags we provide. Paste them inside the
section of every page on your site, or just the homepage template.Test by clearing your browser cache and reloading. The favicon should now appear in the browser tab, in bookmarks, and on mobile home screens.
For Android PWA install support, also generate a site.webmanifest pointing at the 192 and 512 PNGs. We will add a manifest builder soon.
Why this matters for your business
Three reasons favicons matter more than founders think.
Tab navigation. Most users have 5 to 10 tabs open at any time. A clean favicon is what they use to find your tab in the row. Without one, your tab gets a generic globe icon that gets lost.
Bookmarks and home screens. When a customer bookmarks your site or adds it to their phone home screen, the favicon is the entire visual identity. A blurry or missing favicon makes the bookmark look like an afterthought; a sharp icon makes your business feel like a finished product.
SEO trust signal. Google added favicons to mobile search results in 2020. A clean favicon visible in mobile SERPs lifts click-through subtly but measurably. Missing or pixelated favicons signal an unfinished site.
Tips for better results
- Use a square source. Rectangular logos get cropped or padded with white space.
- Use a transparent background. White backgrounds clash with dark browser themes.
- Use a 512 by 512 source. Anything smaller upscales and looks soft.
- Use a simple icon shape, not detailed artwork. Detail disappears at 16 by 16.
- Test the 16 by 16 size on a real browser tab. If the icon is unreadable, simplify.
- Use consistent colours between favicon, logo, and brand palette so the icon feels native.
- When you update your logo, regenerate favicons the same day to keep the brand consistent.
Example
A real-world walkthrough
A jewellery showroom owner downloads her PNG logo (1200 by 1200, transparent background) from our logo maker. She loads it into this favicon generator and clicks Generate favicons. Within a second, five PNGs are previewed. She downloads each, uploads to her website root, and pastes the head tags into her Neweb page settings. She clears her browser cache and reloads. The browser tab now shows her hexagon icon. Her Google Business mobile search result also picks up the favicon within a week. Total time: under five minutes.
Frequently asked questions
Why these specific sizes?
16 by 16 is the historical browser tab default. 32 by 32 is the retina display version. 48 by 48 is the Windows taskbar size. 192 by 192 is the Android home screen icon. 512 by 512 is the PWA splash screen. Together they cover every modern surface.
What about .ico format?
Modern browsers prefer PNG. The old favicon.ico format is still supported but no longer required. Our tool emits PNGs at every size, which is the recommended modern setup.
Where do I upload the PNGs?
To the root directory of your website (where the homepage HTML sits). On Neweb, drop them into your site media. On WordPress, the theme folder. On a static site, the public directory.
Do I need to clear cache to see the new favicon?
Yes. Browsers aggressively cache favicons. Open a private tab and load your site to verify the new icon without cache interference, then clear cache in your normal browser.
Will this work with Safari and iOS?
Yes. The 192 by 192 size doubles as the iOS web app icon when added to home screen. iOS also accepts a higher resolution if you provide it via apple-touch-icon.
Can I generate a manifest file?
Not yet. A manifest file (site.webmanifest) points at the 192 and 512 PNGs and lets Android install your site as a PWA. We will add a manifest generator in the next iteration.
Will the favicon affect my SEO?
Indirectly. A clean favicon shows up in mobile Google search and lifts CTR by 1 to 2 percent on average. It is a small but free signal.
What if my logo is not square?
Either crop to square first using any image editor, or design a square mark version of your logo. A wordmark squashed into a square favicon will look bad. Most brands maintain a separate icon-only mark for favicons and app icons.
Your entire online presence, on one subscription.
All industries and more. Website, free domain, Google Business and SEO autopilot from ₹249/month.