How to Create a Favicon ICO from a JPG Image
A favicon is the small icon that appears in your browser tab, bookmarks bar, and alongside your site name in search results. The favicon.ico file is the most universally supported format — it packs multiple icon sizes into one file. This guide covers how to create a proper multi-size ICO file from any JPG or image, and how to add it to your website.
Quick Answer
A favicon is the small icon that appears in your browser tab, bookmarks bar, and alongside your site name in search results. The favicon.ico file is the most universally supported format — it packs multiple icon sizes into one file.
Try it now — free, no signup
Your images stay on your device. Nothing is uploaded to any server.
Step-by-Step Guide
5 steps · takes under 1 minute
Prepare your image
Start with a square image (or one that you don't mind being cropped to square). Logos, letters, and simple icons work best for favicons. Avoid detailed photos — they become unrecognisable at 16×16px.
Upload to the ICO converter
Drop your JPG, PNG, WebP, or SVG into the tool. The converter generates four canvas frames at 16×16, 32×32, 48×48, and 64×64 pixels.
Download favicon.ico
The generated .ico file contains all four sizes in a single binary file. This is a proper ICO file (not just a renamed PNG) that works in all browsers including Internet Explorer.
Add to your website
Upload favicon.ico to the root directory of your website (e.g., /public/favicon.ico or directly in the domain root). Add <link rel='icon' href='/favicon.ico'> to your HTML <head>. Most browsers also automatically look for favicon.ico at the root without any HTML tag.
Add PNG favicons for modern browsers (optional)
For the best display on high-DPI screens and iOS home screens, also add PNG favicons: <link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'> and <link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>.
100% Private — Zero Uploads
ImgToolkit runs entirely in your browser using the Canvas API. Your images are never sent to a server, never stored in the cloud, and never seen by anyone else. This makes it safe for sensitive documents, client work, medical imagery, and confidential screenshots.
Pro tip
Use 75–85% quality for web images — you get 60–80% smaller files with no visible difference at normal screen sizes.
Format & File Size Comparison
Same 1080×1080px photo processed four ways
| Format | Quality | File Size | Notes |
|---|---|---|---|
| PNG (original) | Perfect | 4.2 MB | No compression — too large for web |
| Compressed PNG | Visually identical | 1.1 MB | −74% — transparency preserved |
| JPG (85% quality) | Excellent | 310 KB | −93% · Best for photos |
| WebP (85%)BEST | Excellent | 205 KB | −95% · Recommended for web |
Based on a 1080×1080px photo. Results vary by image content and complexity.
Related Free Tools
All tools run in your browser — no account or upload needed
Frequently Asked Questions
4 questions answered
Ready to get started?
Free, instant — your files stay on your device. Always.
Convert image to ICO favicon free