Favicon Generator. 6 Sizes, Free
Build a real multi-size .ico file from any image — 16, 32, 48, 64, 128, 256 px embedded in one file. Works for browsers, Windows shortcuts, macOS dock. PNG, SVG, JPG, WebP and GIF source. No upload.
6 sizes embeddedPNG · SVG · JPG · WebP · GIFBrowser-onlyNo signup
tuscany.jpg
favicon.ico
Source
tuscany.jpg
0/6
16px
32px
48px
64px
128px
256px
Travel Blog · 2026
0 KBBuilding…
Drop an image or click to browse
PNG, SVG, JPG, WebP, or GIF — square source works best
100% in your browser — file never leaves your device · max 20 MB
How to use Favicon ICO Generator
1
Upload your source image
PNG or SVG work best, but JPG, WebP and GIF are all supported. A square source 512×512 or bigger gives the cleanest result.
2
Pick sizes
16/32/48 cover browser tabs and Windows taskbar. Add 64/128/256 for modern high-DPI displays and Windows 10/11 shortcuts.
3
Download favicon.ico
SammaPix encodes all sizes into one .ico file locally. Drop it in your site root and add one <link> tag.
Pro tip
For dark/light mode and modern browsers, also ship a SVG favicon — much smaller and scales infinitely. Rasterize SVG to PNG
Why you still need a favicon.ico
Multi-size .ico
Pack 16, 32, 48, 64, 128 and 256 px variants into a single .ico file — browsers pick the sharpest size automatically.
Fully browser-based
ICO file is assembled locally with the native Canvas API and a tiny JS encoder. No upload, no server, your image stays on your device.
Any source format
Start from PNG, SVG, JPG, WebP or GIF. Transparency is preserved — a square source 512×512 or bigger gives the cleanest result.
Which favicon sizes should I include?
A modern .ico file is just a container for multiple PNG variants of the same icon. Browsers and operating systems each pick the size that best matches where the icon is displayed, from a 16×16 slot in a browser tab to a 256×256 shortcut on Windows 11.
- 16×16 — browser tab, bookmark bar (required)
- 32×32 — Retina browser tabs, macOS Dock at small sizes
- 48×48 — Windows taskbar (shortcuts)
- 64×64 & 128×128 — HiDPI operating systems
- 256×256 — Windows 10/11 large tiles
favicon.ico vs SVG favicon
Modern browsers also accept an SVG favicon, which is smaller and scales to any size perfectly. Use both: a multi-size .ico as a universal fallback plus a .svg for Chrome/Firefox/Edge. Legacy user agents that only read .ico will still get the right icon.
How do I add the favicon to my site?
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">Drop favicon.ico in your site root and add the tags to the document <head>. Clear the browser cache to see it update.