Favicon Generator
Give your website that little icon in the browser tab — drop an image, grab your favicons.
📖 How it works & FAQTip: most modern sites just use a 32×32 and a 180×180 (apple-touch). Add to your HTML <head> with <link rel="icon">.
What a favicon actually is
A favicon is the tiny icon that sits next to your page title in a browser tab, in bookmarks, in history lists, and on your phone's home screen when someone saves your site. It's small, but it's the first piece of branding people see, and a missing one leaves an ugly generic globe or blank square where your logo should be. This tool takes any square-ish image — a logo, a monogram, an emoji-style mark — and resizes it into the exact PNG sizes browsers ask for.
Which sizes you get and why
Different places use different sizes, so this tool outputs four at once. 16×16 is the classic browser-tab icon. 32×32 is used for retina tabs, taskbar shortcuts, and Windows pins. 48×48 covers desktop and some Android surfaces. 180×180 is the Apple touch icon iPhones and iPads use for saved home-screen bookmarks. Having all four means your icon stays crisp instead of being scaled by the browser and going blurry.
Getting a sharp result
At 16 pixels there is almost no room for detail, so simple marks win. A full logo with a tagline and thin lines turns to mush; a single bold letter, shape, or symbol reads clearly. Start from the largest, cleanest version of your image you have — scaling a big picture down looks far better than blowing a small one up. Feed it a square image if you can, since a wide or tall photo gets center-cropped or padded to fit the square canvas.
How to use it
- Click to choose an image file (PNG, JPG, or WebP) from your device, or drag it onto the page.
- Preview the generated 16, 32, 48, and 180-pixel versions to check the small sizes still read clearly.
- Download the sizes you need — each saves as a standard PNG.
- Drop the files in your site's root and reference them in your HTML <head>, for example the 180px one as an
apple-touch-icon.
FAQ
- Do I get an .ico file?
- This tool outputs PNGs, which every modern browser accepts via a <link rel="icon"> tag. PNGs are simpler to work with and look cleaner than the old multi-size .ico format.
- Does my image get uploaded anywhere?
- No. The resizing happens entirely in your browser, so your image never leaves your device.
- Can I use a photo instead of a logo?
- You can, but photos rarely read well at 16 pixels. Crop tightly to one clear subject first, or use a bold simple graphic for the best result.
- Is it free?
- Yes, it's free and supported by ads on the page.