Convert JPG to ICO

Turn a JPG into a proper multi-resolution favicon.ico — plus the rest of a modern icon set — entirely in your browser. Nothing is uploaded.

Privacy-first: every image is processed locally in your browser. Nothing is uploaded, stored or transmitted to any server.

From a photo-format JPEG to an icon format

JPG is built for photographs and has no transparency; ICO is a container that holds several small square bitmaps at once. Converting between them is not a rename — the image has to be resampled to 16, 32 and 48 pixels and packed into one file. This tool does exactly that, writing a real multi-resolution favicon.ico so browsers can pick the size they need for the tab, the bookmark bar or a desktop shortcut.

Crop the photo down to something legible

A JPEG is usually a photo, and photos rarely survive being shrunk to 16 pixels. Use the padding and shape controls to pull the subject in, add a solid background so the edges stay clean, and watch the live preview and mock browser tab to see whether it still reads at tab size. The full set — favicon.ico, apple-touch-icon, PWA icons and an HTML snippet — downloads as a zip.

Frequently asked questions

Is my image uploaded to make the favicon?
No. The favicon.ico, PNG icons and manifest are all generated locally in your browser using the Canvas API. Your image never leaves your device.
What sizes and files do I get?
A multi-resolution favicon.ico (16, 32 and 48px), PNG icons at 16, 32, 48, 180 (apple-touch-icon), 192 and 512px, a site.webmanifest, and an HTML snippet to paste into your <head>.
Can I convert a PNG or SVG to an ICO?
Yes. Drop in a PNG, JPG, SVG or WebP and download a real favicon.ico. SVG logos are rasterized locally at high resolution first.
What image works best?
A square image with a simple, high-contrast logo. Non-square images are center-cropped to fit; use the padding and shape controls to frame it the way you want.
How do I install the favicon?
Unzip the package into your site’s root folder and paste the provided HTML snippet into the <head> of your pages. The favicon.ico is picked up automatically by most browsers.