Updated · Built and checked by the PlinzoTools team, formulas tested against published sources
Generate a full favicon.ico + PNG icon set from any source image.
Upload a source image to generate the favicon package.
A favicon is the small icon that appears in a browser tab, bookmark list, and (for a saved web app) a phone's home screen -- but modern sites actually need several different icon sizes for different contexts, not just one image. This tool takes a single source image and generates a full set of correctly-sized icon files.
Upload a source image (ideally square and at least 512×512px for the best quality across all sizes). The tool generates the full icon set, ready to download.
Your source image is drawn onto multiple canvases, each resized to a specific standard icon dimension (like 16×16, 32×32, 180×180, and others), then exported as PNG files -- plus a combined .ico container file for legacy browser-tab compatibility.
Website owners setting up a proper favicon for the first time, or replacing an outdated single-size icon. Developers needing the correct icon sizes for a web app manifest, covering browser tabs, bookmarks, and mobile home-screen shortcuts all at once.
For the sharpest results at every size, start with a square, high-resolution source image -- upscaling a small or low-quality image to fill a large icon size will look soft rather than crisp. Simple, bold designs generally read better at small favicon sizes than intricate detailed artwork.
A favicon is viewed at a tiny size, often 16 pixels across, which is roughly the size of a single letter of body text. Whatever looks elegant at 512 pixels can turn into a blurry smudge at that scale, so the preparation you do before uploading matters more than any setting afterward. The best favicons are usually a single simple shape, a bold letter, or a heavily simplified version of a logo.
Imagine a small bakery with a logo that shows a wheat illustration plus the shop name. Uploading the full logo would produce an unreadable strip of text at 16 pixels. A better approach is to export just the wheat symbol on a warm cream square at 1024 by 1024 pixels, upload it, and download the generated set. You then place the files in your site's public folder and reference them in the head of your pages. Finally, open the site in a fresh browser tab and check the icon at its real size beside other tabs; if it looks muddy there, simplify the artwork further and generate again.
The tool resizes the picture you provide; it does not redraw it, so it cannot fix a low-quality source. It also does not decide where your files go or write the HTML link tags for your particular framework or hosting setup, so you need to place the files and reference them yourself. Requirements for icon sizes and formats vary between browsers and platforms and change over time, so consult the documentation of the platforms you care about if you need a specific size for a specific device.
At least 512×512px and square is ideal -- this ensures every generated size, down to the smallest 16×16px browser tab icon, is created from a downscale (which looks sharp) rather than an upscale (which looks blurry).
Different contexts (browser tab, bookmark bar, mobile home screen, high-DPI displays) each expect a specific icon dimension for the sharpest possible display -- providing only one size means some contexts have to stretch or shrink it, looking worse than a purpose-sized icon.
Usually not. Photographs contain fine detail that becomes noise at 16 by 16 pixels. A bold, simple symbol reads much better.
Browsers store favicons in a separate long-lived cache. Try a private window, hard refresh, or rename the file so the browser fetches it again.
Transparency in a PNG source is generally preserved in the PNG outputs, but the background you see depends on the browser or device, so a solid backdrop is the safer choice for icons that must look consistent.