FREE · PRIVATE · NO SIGNUP
Favicon generator and format toolbox
Turn JPG, PNG, GIF, WebP, or SVG artwork into a complete favicon ZIP directly in your browser. Your source image is never uploaded.
- 100% private, on-device processing
- JPG, PNG, GIF, WebP, and SVG input
- ICO, PNG, SVG, and Apple icon output
Format reference
Favicon formats at a glance
Compare common favicon formats and download a generated archive that demonstrates each file type.
| Format | Best use | Browser support |
|---|---|---|
| ICO | Compatibility fallback and Windows shortcuts. | Supported by all major browsers and operating systems. |
| PNG | Standard static favicon with full transparency. | Widely supported by modern and older browsers. |
| SVG | Sharp, scalable icons and color-scheme-aware artwork. | Supported by modern browsers; keep ICO or PNG as a fallback. |
| GIF | Legacy static or animated favicon experiments. | File support is broad, but animation behavior varies. |
| APNG | Higher-quality animated PNG artwork. | May be treated as a static PNG; favicon animation varies. |
| WebP | Compact static artwork for modern browser targets. | Favicon support is less consistent than PNG or ICO. |
| JPEG | Photographic artwork that does not need transparency. | Commonly decoded, but not recommended as the only favicon. |
Website screenshot to favicon
Browser security restrictions prevent direct client-side capture of external websites. Use your system screenshot tool, then convert the captured image with the uploader above.
How to create a favicon
Creating a complete favicon package takes just a few steps:
1. Select or drag your source image. The generator accepts JPG, PNG, GIF, WebP, and SVG files. For best results, use a square image at least 512x512 pixels with a clear, simple design that works at small sizes.
2. Preview the generated favicons at different sizes. The tool automatically creates 16x16, 32x32, 48x48, 180x180 (Apple touch icon), and a multi-resolution ICO file.
3. Choose which formats to include. The default pack includes PNG and ICO files for broad compatibility. You can also include the original SVG for modern browsers, or create animated favicons with GIF or APNG.
4. Click "Download ZIP" to save your complete favicon package. All processing happens in your browser without uploading your image to any server.
Create a complete favicon pack
Choose one image and Yuelu Tools creates 16 x 16 and 32 x 32 PNG files, a 180 x 180 Apple touch icon, and a standards-based ICO containing 16, 32, and 48 pixel PNG images.
Non-square artwork is scaled to fit inside each square without stretching. Transparent areas remain transparent, and SVG sources are also included as a vector copy.
Understand favicon formats
ICO and PNG are the dependable baseline for broad browser compatibility. SVG stays sharp at every resolution, while animated GIF and APNG behavior depends on the browser.
The downloadable sample archive lets you inspect ICO, PNG, SVG, GIF, APNG, WebP, and JPEG examples before choosing the formats for a site.
Private browser processing
Image decoding, resizing, ICO assembly, animation encoding, and ZIP creation all run on this device. No source image or generated icon is sent to a processing server.
Browsers cannot reliably capture arbitrary external websites because of origin and embedding protections. Capture the page with a system screenshot tool, then upload that image here.
Frequently asked questions
Is my source image uploaded?
No. The image and every generated file stay in your browser and are discarded when you close or reset the page.
What is inside favicon.ico?
The ICO contains three PNG-encoded images at 16 x 16, 32 x 32, and 48 x 48 pixels with 32-bit color and transparency.
Can this tool capture a website URL?
No. Browser origin, CORS, and framing protections make arbitrary website capture unreliable. Upload a system screenshot instead.
What image size should I use for a favicon?
Use a square image at least 512x512 pixels for best results. The generator will scale it down to all required sizes. Larger source images (1024x1024 or higher) produce sharper results at small sizes.
What makes a good favicon design?
Good favicons are simple, recognizable at 16x16 pixels, and work on both light and dark backgrounds. Avoid fine details, thin lines, or complex gradients that disappear at small sizes. Letters, symbols, and geometric shapes work best.
Should I use PNG, ICO, or SVG for my favicon?
Use all three for best compatibility. ICO (favicon.ico) is the legacy standard supported by all browsers. PNG files work in modern browsers and are easier to manage. SVG favicons stay sharp at any size but are only supported by recent browsers.
How do I add a favicon to my website?
Place favicon.ico in your website root directory for automatic discovery. For better control, add HTML link tags: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> and <link rel="icon" type="image/svg+xml" href="/favicon.svg"> for SVG.
Can I create an animated favicon?
Yes. The generator can create animated GIF and APNG favicons from animated source images. Browser support varies—most modern browsers support animated favicons, but Safari does not display GIF or APNG animations in the address bar.
What is an Apple touch icon?
The Apple touch icon (180x180 pixels) is used when someone saves your website to their iOS home screen. It appears as an app-like icon. Include it with <link rel="apple-touch-icon" href="/apple-touch-icon.png">.
Why are there multiple favicon sizes?
Different contexts use different sizes: browser tabs use 16x16 or 32x32, bookmarks may use 48x48, and touch icons use 180x180. Including multiple sizes ensures your icon looks sharp everywhere.