A favicon is the little icon in a browser tab. The classic way to make one is to convert a square PNG into an ICO file, and the image converter builds a proper multi-size favicon for you, free and in your browser. The conversion runs on your device; your PNG is never uploaded.
Quick steps: make a square PNG of your logo → drop it in the converter below (ICO is pre-selected) → Convert → Download → save it as favicon.ico.
PNG to ICO
Drop a square PNG below; multi-size ICO output is pre-selected.
Drag & drop images here
or browse your files: JPG, PNG, WebP, AVIF, HEIC & ICO
Favicons are square, so begin with a square PNG (ideally at least 256×256 pixels) with your logo or mark centered. Simple, high-contrast designs read best at tiny sizes.
The converter produces a multi-resolution ICO containing 16, 32, 48, and 256-pixel versions, so browsers always have a crisp size to show.
Rename the file favicon.ico and upload it to your site's root folder. Most browsers will find it automatically. To be explicit, add this line inside your page's <head>:
| Add to your <head> |
|---|
| <link rel="icon" href="/favicon.ico" sizes="any"> |
The hardest thing about a favicon is that it will usually be seen at about the size of a full stop. A logo that reads beautifully on a business card turns into a grey smudge at 16 pixels square, so the design rules are unusually strict. Use one strong shape rather than a composition. Keep contrast high, because the icon has to hold up against both light and dark browser interfaces. Drop the wordmark unless it is a single letter; three letters at 16 pixels are unreadable. Avoid thin strokes and fine detail, which disappear entirely once scaled down. If your brand mark is complex, a simplified monogram version made specifically for the icon is a legitimate and common choice.
Start from a transparent PNG where you can. Transparency lets the icon sit correctly on whatever background the browser draws behind it, and the converter preserves it through to the ICO. If your source is not square, the image is scaled to fit inside the square and centered, and the surrounding space is left transparent rather than filled with a color. Our transparency guide covers how alpha channels behave.
A good favicon includes 16×16, 32×32, and 48×48, plus 256×256 for high-resolution screens. A multi-size ICO holds them all in one file, which is exactly what the converter creates.
Modern browsers do accept PNG favicons, but a multi-size ICO is the most widely compatible option and still the standard for favicon.ico.
Make your favicon now: scroll up and drop a square PNG into the converter; ICO is pre-selected.
← Image format guide · PNG transparency · JPG vs PNG · All guides · FAQ · Back to the converter