How it works
Three steps to a perfect favicon
Favicoo converts your image entirely inside the browser — no server, no upload, no waiting.
Drop or paste your image
Upload a PNG, JPG, or JPEG by dragging it onto the drop zone, clicking to browse, or pasting from your clipboard with Ctrl+V. Favicoo reads the file locally — it never leaves your device.
Choose your output sizes
Select one or more of the standard favicon dimensions: 16×16, 32×32, 48×48, 64×64, 128×128, or 256×256 pixels. You can embed multiple sizes in a single .ico file — browsers will pick the best fit automatically.
Download your .ico file
Click "Generate .ico file" and Favicoo does all the magic with high performance. Your file downloads instantly.
The format
Why .ICO instead of PNG for favicons?
The .ico format has been the web's favicon standard since Internet Explorer 5. Here's why it's still the best choice in 2026.
Natively supported by every browser since 1999. Embeds multiple sizes in a single file — browsers select the optimal resolution based on display density and context (tab, bookmark, taskbar).
Modern browsers support <link rel="icon" type="image/png">, but single-resolution PNG favicons can appear blurry on high-DPI displays and don't work in legacy contexts like Windows taskbar pinning.
SVG favicons offer infinite scalability but lack support in Safari (macOS) and all versions of Internet Explorer. Best paired with an .ico fallback in the <head> for full cross-browser coverage.
Use cases
Who uses Favicoo and why
From indie makers to enterprise devs — anyone who builds for the web needs a great favicon.
Web Developers
Generate a compliant multi-size favicon.ico in seconds — no Photoshop, no ImageMagick, no CLI. Works right in your browser during development.
Designers
Export your logo or icon artwork from Figma, Illustrator, or Canva as PNG — then convert to .ico in one click. Preview each size before downloading to catch pixelation early.
Bloggers & Content Creators
Setting up WordPress, Ghost, Substack, or a custom site? Favicoo turns any square image — even a selfie or your brand mark — into a proper favicon without touching your CMS settings.
Startup Founders
Launching an MVP this weekend? Don't get stuck on tooling. Drop your brand icon in, pick 16, 32, and 64, and ship. You can always refine later — but you need a favicon now.
Shopify & E-Commerce
Shopify, WooCommerce, and most e-commerce platforms accept .ico files for store favicons. Upload your product photo or brand logo and Favicoo handles the rest.
IT & Sysadmins
Branding internal tools, dashboards, or intranet sites? Convert your company logo to .ico without needing admin access to install conversion software on corporate machines.
Reference
Which favicon sizes do you actually need?
The "right" answer depends on your use case. Here's what each size is used for in the real world.
16×16 — Browser tab
The smallest and most ubiquitous favicon size. Displayed in browser tabs and the browser address bar. At this resolution, keep your design extremely simple — a single letterform or icon shape reads better than a detailed logo.
32×32 — Taskbar & bookmarks
Used by Windows taskbar shortcuts, browser bookmark bars, and some high-DPI displays when rendering tab icons. A 32×32 favicon gives you slightly more room for detail than 16×16.
48×48 — Windows desktop
A standard size for Windows UI elements and desktop shortcuts. It provides a crisp appearance without relying on scaling from smaller dimensions.
64×64 — Shortcut icons
Used for desktop shortcuts and some macOS bookmark sidebar items. Recommended as a standard inclusion alongside 16 and 32 for a solid baseline coverage across platforms.
128×128 — Chrome Web Store
Required by the Chrome Web Store for extension icons. Also used by some package managers and app launchers on Linux desktops. Relevant if your web app is packaged as a PWA or Chrome extension.
256×256 — Large icons & high-DPI
The standard maximum resolution for Windows .ico files. Perfect for high-DPI displays, large icon views, and future-proofing your assets on modern operating systems.
FAQ
Frequently asked questions
Everything you need to know about converting images to .ico favicons.
Is Favicoo really free? No limits?
Yes, completely free. There are no file size limits, no conversion limits, and no account required. Favicoo is part of the RuntimeHub ecosystem of free browser-native tools — the revenue model is unobtrusive advertising, not paywalls.
Does my image get uploaded to a server?
No. Everything happens entirely inside your browser. Your image is never sent anywhere. We have no server that could receive it even if we wanted to. Your files stay on your device at all times.
Which file formats can I convert to .ico?
Favicoo accepts PNG, JPG (JPEG), and WEBP files. For best results, start with a PNG with a transparent background — the transparency is preserved in the output .ico. JPEG files work fine for photographic favicons, though they don't support transparency.
Can I include multiple sizes in one .ico file?
Yes, and that's one of the key features of Favicoo. Select multiple sizes (e.g. 16, 32, and 64) and all will be embedded into a single .ico file. The browser automatically selects the most appropriate resolution for each rendering context — tab, bookmark, taskbar, etc.
What's the ideal source image for a favicon?
A square PNG of at least 256×256 pixels with a transparent background and a simple, high-contrast design. Favicons are viewed at very small sizes — fine gradients, thin lines, and subtle details disappear at 16px. Use bold shapes, minimal colour, and strong contrast. Your logo may need a simplified version specifically designed for small-scale rendering.
How do I add the favicon to my website?
Place the downloaded favicon.ico in your site's root directory and add this tag inside the <head> of your HTML: <link rel="icon" href="/favicon.ico" type="image/x-icon">. Many frameworks (Next.js, Nuxt, SvelteKit) detect a favicon.ico in the public folder automatically.
Does the .ico format support transparency?
Yes. Modern .ico files use embedded PNG images (32-bit with alpha channel) per the ICO spec. Favicoo preserves transparency from your source PNG. The resulting .ico renders correctly with transparent backgrounds on all modern browsers, including Chrome, Firefox, Safari, and Edge.
My favicon isn't updating in the browser — what's wrong?
Browsers aggressively cache favicons. After replacing your favicon.ico, force-refresh with Ctrl+Shift+R (Windows/Linux) or Cmd+Shift+R (Mac). If that doesn't work, open DevTools → Application → Storage → Clear site data. You can also append a cache-busting query string: href="/favicon.ico?v=2".