What size should my source image be for the best favicon?

Ideally 512×512 pixels or larger, square, with a transparent background (PNG). The source is downscaled to each required size using high-quality Lanczos resampling. Simple, bold designs with high contrast work best at 16×16 and 32×32 — tiny text or fine lines become unreadable. If your logo has text, consider a simplified icon version for favicon use.

Do I need all the icon sizes in the package?

Each serves a different context: favicon.ico (all browsers and devices), icon-32x32.png (modern browsers prefer PNG), apple-touch-icon.png (iOS/macOS home screen, requires exactly 180×180), icon-192x192.png (Chrome's tab/task switcher on Android), icon-512x512.png (PWA splash screen and app store icons). Using all of them ensures optimal display everywhere.

What is site.webmanifest and do I need it?

The web app manifest tells browsers about your website app: its name, icons, colors, and display mode. It's required for Progressive Web Apps (PWAs) and allows users to "Add to Home Screen" on Android. Browsers use the manifest icons for Android Chrome, Samsung Internet, and other Chromium-based mobile browsers. Add it to your HTML with .

My favicon isn't showing up in the browser tab after upload. Why?

Browsers aggressively cache favicons. Try: (1) Hard-refresh the page (Ctrl+Shift+R), (2) Clear browser cache, (3) Open an incognito/private window, (4) Append a cache-buster to the favicon URL in your HTML: href="/favicon.ico?v=2". Most browsers cache favicons independently from page cache.

Can I generate a favicon from an SVG?

SVG input isn't currently supported because SVG rendering in the browser requires DOM access which isn't available in Web Workers. Convert your SVG to PNG first (use Figma, Inkscape, or an online SVG-to-PNG converter), then generate your favicon pack from the PNG. For web use, you can also use an SVG directly as a favicon in modern browsers: .

Favicon Generator — Complete Package for Any Website

Upload any image and get a complete favicon package: a multi-size favicon.ico, PNG icons in standard sizes for Android and PWA, an apple-touch-icon for iOS home screens, and a site.webmanifest file. A README explains exactly how to add them to your HTML. Everything is bundled in a ZIP file ready to drop into your website root. Processing runs in your browser — your logo never leaves your device.

Drop files here

or browse to upload

Up to 10.0 MB per file

How to use this tool

Upload your logo or icon
Drop a square image (PNG recommended) for best results. Square source images produce the cleanest favicons. Non-square images will be resized to fit each icon size.
Generate the favicon pack
Click Convert to generate the full icon set: favicon.ico (16/32/48/64/128/256px), icon-32x32.png, apple-touch-icon.png (180×180), icon-192x192.png, icon-512x512.png, and site.webmanifest.
Download the ZIP
All files are bundled into a ZIP archive. Extract it and upload all files to the root directory of your website (same level as index.html).
Add the HTML tags
Copy the link tags from the included README.txt into your <head> section: favicon.ico link, PNG icon link, apple-touch-icon link, and manifest link.

Frequently asked questions

Convert PNG to ICO Compress Image Resize Image Image to Base64 Convert PNG to JPG Convert PNG to WebP

Favicon Generator — Complete Package for Any Website

How to use this tool

Frequently asked questions

You might also need