JPG to Favicon Converter - Create favicon.ico from JPEG Online Free

How to convert JPG to ICO

Add your JPG. Drop your JPG or JPEG into the box, or browse for it. It is read on your device and never uploaded.
Crop it square. Pick Crop to square under Fit, or the Round preset for a circle - photos are rarely square.
Name your site. Under Extra files, type your site name and pick a theme colour - they go into site.webmanifest.
Download the pack. Press Make my favicon. You get a ZIP with every file plus favicon-html.txt with the code to paste.

Want a transparent favicon? Cut the background out first and save a PNG with JPG to PNG, then use PNG to Favicon.

Making a good favicon from a JPG

A JPG has no transparency, so whatever is around your logo - usually white - comes along into the favicon.

Logo on white? Use Crop to square and a Rounded shape - the white becomes a neat tile.
Photo or portrait? The Round preset makes a circular avatar with a transparent outside.
Brand colour? Set Background to Solid colour to fill empty areas.

What is in the favicon pack

File	Size	Used by
favicon.ico	16, 32, 48 px	Every browser, bookmarks, Windows shortcuts
favicon-16x16.png, favicon-32x32.png	16 and 32 px	Browser tabs in modern browsers
favicon-96x96.png	96 px	Google search results, desktop shortcuts
apple-touch-icon.png	180 px	iPhone and iPad home screen
android-chrome-192x192.png, -512x512.png	192 and 512 px	Android home screen, PWA install
site.webmanifest	-	Android and PWAs: name, icons, theme colour
favicon-html.txt	-	The lines to paste into your <head>

Only need the classic file? Pick the favicon.ico only preset. Every ZIP also has a README.

How to add the favicon to your website

Unzip the pack and upload every file to the root folder of your site, next to your home page.
Open favicon-html.txt and paste its lines into the <head> of your pages.
Hard-refresh the page (Ctrl+F5) - browsers keep old favicons for a long time.

Using WordPress? Go to Appearance, Customize, Site Identity and upload the 512 px PNG as the Site Icon. Then check your live site with the Favicon Checker.

Tips for a favicon people recognise

Crop tight. A face or one object reads far better at 16 px than a whole scene. The Image Cropper helps with exact crops.
Start big. 512 px or more on the short side keeps the Android icons sharp.
Check the preview. The How it looks small panel shows the real 16 and 32 px favicons on light and dark tabs.

Frequently Asked Questions

Drop your JPG into the box, pick Crop to square if it is not square, and press Make my favicon.

You get a ZIP with favicon.ico, the PNG sizes, Apple and Android icons, site.webmanifest and the HTML code.

Not by itself - JPG has no transparency. The Round and Rounded presets make the corners transparent. For a fully cut-out logo, start from a transparent PNG with PNG to Favicon.

Yes. .jpg, .jpeg and .jfif are the same format. All of them work here.

At least 512 x 512 px after cropping. That is the largest Android icon; every smaller size is made from it.

Upload every file from the ZIP to the root of your site, then paste the lines from favicon-html.txt into the <head> of your pages.

Yes. Pick the favicon.ico only preset and you get one .ico file with 16, 32 and 48 px inside.

Browsers cache favicons for days. Hard-refresh with Ctrl+F5, open the site in a private window, or test it with the Favicon Checker.

No. The favicon files are made in your browser, on your device. Nothing is uploaded.