What is Favicon generator and what is it for?
From a single image it produces the browser tab icon (favicon.ico), the iOS home-screen icon (apple-touch-icon) and every icon size a PWA needs. The package also includes the HTML you need to add to your page. Sites without a favicon show a blank page icon in the browser tab; this small detail directly affects brand credibility.
Frequently Asked Questions
- Upload a square image, preferably 512×512 pixels or larger.
- Check in the preview that it is legible at small sizes.
- Download the package.
- Put the files in your site's root directory and add the given HTML to the page's head section.
A simplified version of your logo. The full logo is unreadable at 16×16 pixels; a lettermark or the symbol part usually works better.
Browsers cache favicons for a long time. Check with a hard refresh or a different browser profile; for visitors it updates within a few days.
Transparency works well for the tab icon. But the iOS home-screen icon doesn't support transparency and turns it black; use a filled background for that size.
Modern browsers support it, but older versions and some platforms still expect ICO and PNG. Adding every file in the package is the safest route.