About the Image to Favicon
Zyff's image-to-favicon converter takes an ordinary picture — a JPG off a camera, a PNG screenshot, a WebP, an AVIF or an SVG — and returns the square icon set a browser wants. The hard part is not the resize, it is that almost no real image is square, and this page opens on crop-to-fill with a solid background so a 4:3 photo becomes a filled square rather than a letterboxed one with bars down two sides. Switch to fit-inside for a logo that must keep its whole shape. Conversion runs on Zyff's servers in memory only, so your image is never stored.
How to convert an image to a favicon
Upload your image
Any shape and any of PNG, JPG, WebP, AVIF or SVG, up to 25 MB. There is no need to crop it square first — that is what this page is set up to do.
Choose crop or fit
Crop-to-fill is preset and right for photos: it fills the square from the centre of the image and trims the overflow. Switch to fit-inside for a wordmark or a wide logo, where losing the ends would lose the meaning.
Set the background
A cropped photo needs no background because it fills the square. A fitted logo does, and transparency is only honoured by the PNG and ICO outputs — the apple-touch icon is always flattened, because iOS renders transparent areas of a home-screen icon black.
Nudge padding and rounding
A photo generally wants neither. A logo often wants a few percent of padding so it does not touch the edge of a browser tab, and rounding only if your icon is meant to read as an app tile.
Download and paste the tags
Take the zip and copy the generated link tags into your head.
What the Image to Favicon does
Non-square input handled
Crop-to-fill from the centre is the default here, so a landscape photo becomes a filled square instead of a letterboxed one. No pre-cropping step.
Reads what phones produce
JPG, PNG, WebP, AVIF, HEIC-adjacent formats and SVG all go in. A photo straight off a phone needs no conversion first.
Honest about transparency
Transparency is kept in the PNG and ICO output and flattened for apple-touch, because iOS composites a home-screen icon onto a tile and renders transparent pixels black.
Small-size sharpening
A mild unsharp pass is applied to the assets at or below 64px, where a plain downscale of a photograph goes soft first.
Every output the set needs
The .ico, the PNG sizes, apple-touch, the Android and maskable icons and the manifest — all from the one image.
At a glance
| Accepted input | PNG, JPG, WebP, AVIF, SVG up to 25 MB, 100 megapixels |
|---|---|
| Default fit | cover — crop to fill, from the centre |
| Alternative fit | contain — whole image kept, padded to square |
| Padding range | 0-40% per side (0-30% for apple-touch) |
| Corner rounding | 0-50% of the canvas edge; 50 is a circle |
| Sharpening applied at | assets 64 px and below |
| Master render | 1024 px square |
Frequently asked questions
Can I use a photo as a favicon?
You can, and the result is usually poor for a reason that has nothing to do with the conversion: a favicon is displayed at 16 to 32 pixels, and a photograph at that size is a smudge of average colour. If a photo is what you have, crop it to the single most distinctive element — one face, one object, one shape — rather than shrinking the whole frame.
What happens to my non-square image?
It is cropped to a square from the centre and the overflow is discarded, because that is what this page presets. If the subject is off-centre, crop it yourself first or switch the fit to contain, which keeps the whole image and pads the short axis instead.
Should I keep transparency?
Keep it for the PNG and ICO outputs, where it lets the icon sit on a light or dark browser chrome without a visible box. It cannot be kept for apple-touch: iOS flattens a home-screen icon onto a tile and renders transparent pixels black, so the honest answer for a transparent logo is a white apple background and transparency everywhere else.
Does converting a JPG to a favicon lose quality?
The resize does not add loss, but the JPEG you started with already discarded detail, and that damage is most visible at small sizes where there is little detail left to spare. Start from the largest, least-compressed version you have — a PNG export or the original vector beats a JPG that has been through a chat app.
My logo has text in it. Will it be readable?
At 180px yes, at 32px rarely, at 16px almost never. Use the mark without the wordmark for the icon set and keep the full lockup for your header. Check the 16px preview before downloading — that is the size that decides it.
Is my uploaded photo stored anywhere?
No. The request is self-contained: the server decodes your image, renders the set, streams it back, and the buffer holding the original goes out of scope with the request. There is no account and no gallery of past jobs, so there is nothing to go back and empty.