Favicon Generator (PNG to ICO)
Turn a square PNG, JPG or WebP image into a browser favicon without installing anything. The image is drawn to a canvas at favicon size in your browser and handed back as a downloadable icon file you can drop into a site's root directory.
How it works
- 1
Upload a square PNG, JPG or WebP image — a logo mark works better than a full wordmark at this size.
- 2
The image is drawn to a small canvas in your browser to produce the icon.
- 3
Preview how the mark reads once it is scaled down to tab size.
- 4
Download the icon and reference it from your site's HTML head, or place it at /favicon.ico.
What people use it for
- Adding a favicon to a new site, landing page or internal tool.
- Replacing a framework's default icon before launch.
- Checking whether a logo stays legible at tab size before committing to it.
- Producing an icon for a documentation site or static export.
Supported formats & options
| Input | PNG, JPG/JPEG, WebP |
|---|---|
| Output | Canvas-rendered icon file, downloaded from your browser |
| Recommended source | A square image, at least 512x512, with the mark centred and generous padding |
Key advantages & benefits
No upload step
The image is read with the File API and drawn locally, so an unreleased logo never reaches a third-party server.
Realistic preview
You see the scaled-down mark before you ship it, which is when most logos turn out to be unreadable at 16 pixels.
Works with common formats
PNG, JPG and WebP sources are all accepted, so you can use whatever export you already have.
Free and unlimited
No account, no watermark and no cap on how many icons you generate.
Limits & things to know
- The canvas produces a single raster image. It does not build a multi-resolution ICO container holding 16, 32 and 48 pixel variants — modern browsers accept a PNG favicon, but very old ones expect a true ICO.
- Detail is lost at favicon size by definition. A logo with fine text or thin strokes will not survive; simplify the mark instead.
- Transparency is preserved only if the source has an alpha channel — a JPG source has none.
Troubleshooting
The favicon does not appear after uploading it
Browsers cache favicons aggressively. Hard-reload the page, or open the icon URL directly to confirm it is being served, before assuming the file is wrong.
The icon looks muddy in the tab
Start from a simpler mark with fewer elements and more padding. Fine detail and thin strokes disappear at 16 to 32 pixels regardless of the source resolution.
An old browser ignores the icon
Some legacy browsers only accept a true multi-size ICO file. Reference the icon explicitly with a link tag in the head rather than relying on /favicon.ico discovery.
Privacy & data handling
Your image is read into browser memory with the File API and drawn to a canvas on your own device. It is never uploaded, which matters when the logo has not been announced yet.
Favicon Generator — Create ICO & PNG Site Icons Online
Turn any image into a complete favicon set — the classic .ico plus every PNG size modern browsers, Android and iOS actually request. A free favicon generator that outputs the files and the HTML link tags to go with them.
- Every size browsers ask for — 16x16 and 32x32 for tabs and bookmarks, 180x180 for the iOS home screen, 192x192 and 512x512 for Android and PWA manifests.
- ICO conversion included — produce a genuine multi-resolution favicon.ico for the root of your site, not just a renamed PNG.
- Copy-paste HTML tags — the matching link and manifest markup comes with the download, so nothing silently 404s after you deploy.
- Works from PNG, JPG or SVG — start from a logo, an app icon or an illustration and let the generator handle the resizing and cropping.
- Processed in your browser — unreleased brand marks are converted locally with no upload to an icon service.
Free and unlimited. Generate the rest of your page head with the Meta Tag Generator, including the Open Graph image reference.
Frequently asked questions
What is the recommended source image size?
A square PNG image of 512x512 pixels works best for generating clean favicons.
What size should my source image be?
Start from a square image of at least 512x512 with the mark centred and some padding. Detail disappears at tab size, so a simple mark works far better than a full logo with text.
Do I still need a .ico file?
Modern browsers accept a PNG favicon referenced from a link tag. A true multi-resolution ICO is only needed for very old browsers that look for /favicon.ico and expect that container format.
Why has my new favicon not appeared?
Favicons are cached aggressively. Hard-reload the page, and open the icon URL directly to confirm the server is actually serving the new file before concluding the icon is wrong.
Related tools
SVG to PNG / JPG Converter
Convert SVG vector files to HD PNG or JPG images
Image Resizer & Aspect Crop
Resize images to custom width/height and social ratios
Image Converter
Convert & compress images between formats
CSV to JSON & Excel Converter
Convert CSV spreadsheets to JSON arrays and vice versa