Favicon Generator
Upload any image and download favicons in all required sizes: 16×16, 32×32, 48×48, and 180×180 (Apple Touch Icon). No upload, runs entirely in your browser.
What is Favicon Generator?
A favicon is the small icon that appears in browser tabs, bookmarks, and history. Modern browsers and platforms require favicons in multiple sizes: 16×16 for browser tabs, 32×32 for taskbars and shortcuts, 48×48 for some desktop environments, and 180×180 for Apple Touch Icons (used when a page is saved to an iOS home screen). This tool generates all four sizes from a single source image using the browser's Canvas API.
Favicon setup is often overlooked in web development but matters for branding consistency. A missing or incorrectly sized favicon results in blurry icons or placeholder squares in bookmarks and home screens. Using a square source image (at least 180×180 pixels) produces the sharpest results across all output sizes.
All processing runs locally in your browser — your image is never uploaded to a server. The generated PNG files can be downloaded individually and referenced in your HTML head with the appropriate link tags.
How to use
Frequently asked questions
PNG with a transparent background works best for logos and icons. JPG and WebP are also supported. Use a square image for best results.
At least 180×180 pixels. Larger is better — scaling down from a high-resolution source always produces cleaner results than upscaling.
Add these tags to your HTML head: <link rel="icon" href="/favicon.ico" sizes="any">, <link rel="icon" href="/favicon-32.png" type="image/png">, and <link rel="apple-touch-icon" href="/apple-touch-icon.png">.
No. All processing uses the browser Canvas API. Your image never leaves your device.