Image to Favicon
Turn any logo or image into a favicon at 16, 32, 48, 64, 128 px — 100% in your browser.
Source
Drop your image here
or click to browse
Options
What is a favicon?
A favicon (short for "favorite icon") is the small square image that appears next to a website's name in browser tabs, bookmarks, history lists, address bars, and on home-screen shortcuts on mobile devices. Typical dimensions are 16×16 or 32×32 pixels, although modern high-DPI displays often use 48×48, 64×64, or even 128×128 icons for crisp rendering on Retina and 4K screens. Favicons help users identify a site at a glance, reinforce brand identity, and improve the perceived professionalism of any web project.
Although the .ico container was the historical standard, modern browsers accept PNG, GIF, SVG and WebP favicons via the <link rel="icon"> element. PNG is now the most popular format because it supports transparency, is widely supported, and is easy to generate from any image editor or online tool. This favicon generator outputs PNG files at the sizes you choose, so you can reference them directly in your HTML without any conversion step.
Which favicon sizes do you need?
Different contexts call for different favicon sizes. A regular desktop browser tab usually displays a 16×16 icon, while high-DPI laptops render a 32×32 version for crispness. The browser address bar and "most visited" tiles on the new-tab page often pull from 32×32 or 48×48. When a user adds your site to their iOS or Android home screen, the operating system uses a much larger icon — typically 180×180 on iOS and 192×192 / 512×512 on Android. The table below summarises the most common favicon sizes and where each one is used.
| Size | Typical use |
|---|---|
| 16×16 | Classic browser tab favicon, bookmarks bar |
| 32×32 | Standard favicon for high-DPI desktop browsers, address bar |
| 48×48 | Windows taskbar pin, some browser new-tab pages |
| 64×64 | Desktop shortcuts, larger bookmark displays |
| 128×128 | Chrome Web Store, larger PWA icons, macOS dock |
If you only need one favicon, 32×32 PNG is the safest default — every modern browser supports it and it looks crisp on both standard and high-DPI displays. Use the "All sizes" option in this tool to download a complete set so you can target every context.
How to add the favicon to your website
After generating and downloading your favicon, copy the PNG file into your website's root or an /assets/ directory, then add the following lines inside the <head> of every HTML page. Each <link rel="icon"> tag points the browser to a different size; the browser picks the best match for the current display.
<link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/favicon-16.png" sizes="16x16" type="image/png">
<link rel="icon" href="/favicon-48.png" sizes="48x48" type="image/png">
<link rel="apple-touch-icon" href="/favicon-128.png">For the broadest compatibility, keep a favicon.ico at the site root as well; some older browsers and tools still request that exact URL by default. Modern browsers will use the appropriately sized PNG referenced in your <link> tags instead.
When to use a favicon generator
Favicons are essential for any website that wants to look polished and be recognisable in a crowded browser tab bar. Generating one is a quick, high-impact step in many common workflows:
- New website launch. Add a favicon before going live so tabs and bookmarks look professional from day one.
- Brand refresh. Quickly regenerate favicons from a new logo without reopening a graphics editor.
- Progressive Web Apps. Produce the icon set needed for installable PWAs and home-screen shortcuts.
- Open-source projects. Create a favicon for a documentation site or demo so the project is identifiable.
- Client deliverables. Hand over a full set of favicon sizes alongside the final website build.
- Personal blogs and portfolios. Stand out in a reader's tab bar with a custom icon.
How to generate a favicon
Creating a favicon with this tool takes only a few seconds and runs entirely in your browser. No upload, no sign-up, and no installation are required. Follow these steps:
- Upload your image. Drag and drop a PNG, JPG, WebP, GIF or BMP file, or click to browse. Square images work best.
- Choose a size. Pick a single favicon size (16, 32, 48, 64 or 128 px) or select "All sizes" to download the full set.
- Generate. Click "Generate Favicon". The tool re-renders your image at the chosen size(s) via the Canvas API and previews each result.
- Download. Click "Download Favicon" to save the PNG. When "All sizes" is selected, each size is downloaded in turn.
Because every step runs locally with JavaScript and the Canvas API, your source image never leaves your browser. This makes the tool completely private, fast, and suitable for sensitive brand assets.
Is this favicon generator free?
Yes, completely free with no sign-up, no watermarks and no limits.
What format is the output?
PNG with transparency. PNG is supported by all modern browsers as a favicon format.
Can I generate an .ico file?
This tool outputs PNG. PNG works in every modern browser; .ico is mainly needed for very old browsers, which fall back to /favicon.ico automatically.
Are my images uploaded?
No. All processing is local. Your images never leave your browser.