Favicon Generator
Turn any image into a complete favicon set with the HTML snippet to include it.
Loading tool…
How to use it
- Choose a source image — it is center-cropped to a square.
- Preview shows each size at real scale; make sure it stays legible at 16 px.
- Download the PNG set (16, 32, 48, 180 px) and upload the files to your site root.
- Copy the HTML block into your pages; it references the standard favicon declarations.
About this tool
Crops a source image to a square, previews it at 16, 32 and 180 pixels so you can check legibility at each size, and downloads a PNG set ready for the standard favicon declarations. The generated HTML uses modern conventions and is documented inline.
Your input never leaves the browser: this tool works entirely offline once the page has loaded.
Frequently asked questions
Which sizes do I actually need?
An SVG favicon plus a 32×32 PNG covers most browsers; the 180×180 apple-touch-icon covers iOS home screens. The generator produces 16, 32, 48 and 180 px.
Why does my logo look blurry at 16 px?
Small favicons need simple, high-contrast shapes. The live preview shows each size at real scale — if 16 px is unreadable, consider a dedicated simplified mark.