Favicon Generator
Upload an image and get favicons in three common sizes.
Drag & drop or click to upload
Create a favicon for your website from any image
Upload a square image, ideally a logo or icon. The tool generates PNG favicons at three sizes, 16×16 and 32×32 for browser tabs, and 180×180 for the Apple touch icon used on mobile home screens, each with its own Download button. It doesn't produce a multi-resolution .ico file or an HTML snippet, you'll add these PNGs to your site and reference them yourself with your own <link> tags in the <head>. A favicon is that tiny icon you see on browser tabs. Without one, your site looks unfinished. With one, it's recognisable among a row of open tabs.
Why a proper favicon matters
- Branding: when someone bookmarks your site, the favicon appears next to the name. It's a small but persistent brand mark.
- Trust: sites without favicons can look incomplete or even suspicious. A missing favicon often shows as a generic grey globe in the tab.
- Mobile shortcuts: when a user adds your site to their home screen, the favicon becomes the app icon. Generating multiple sizes ensures it looks sharp on all devices.
Tip: Start with a high-resolution square image, at least 256x256 pixels. The tool will downsample it cleanly. If you upload a tiny 32x32 image, the larger sizes will be blurry.
Frequently Asked Questions
Does this generate a .ico file and HTML snippet for me?
No. It only produces three PNG files (16×16, 32×32, 180×180) that you download individually. There's no ready-made .ico file or HTML snippet, you'll write your own <link rel="icon"> and <link rel="apple-touch-icon"> tags pointing to wherever you upload these PNGs.
Can I use a JPG with a background?
Favicons look best with transparent backgrounds (use a PNG). If you use a JPG, the white square background will show up around your icon, which looks odd.
What sizes does it generate?
Three PNGs: 16×16, 32×32, and 180×180 pixels, each downloadable separately with its own button.
Does it crop non-square images to a square?
No, the image is stretched to fill each square canvas rather than cropped, so a non-square source will look squashed. Crop it to a square first, with the Image Cropper, for a clean result.
Are my images uploaded to a server?
No. The PNGs are generated entirely in your browser using the Canvas API, so your image never leaves your device.