Something wrong with this tool?

About Favicon Generator Online

This tool generates a complete set of favicon files from a single source image. The output includes the classic favicon.ico, PNG variants at multiple resolutions (16, 32, 48, 96, 192, 512), an Apple touch icon, and a web manifest entry — everything a modern website needs for browser tabs, bookmarks, and home-screen shortcuts.

Each browser and operating system has its own favicon requirements. Generating one image and adapting it for all platforms ensures consistent branding everywhere your site appears: tab icons, bookmark bars, history lists, app icons, and search-result thumbnails.

Upload a high-resolution square image (at least 512×512). The tool also generates the matching HTML <link> tags to drop into your page head.

How to use this tool

How to generate favicon PNGs for your site

  1. Upload a source image

    Drop a square (or near-square) image into the "Source image" field. Any format Sharp reads — PNG, JPEG, HEIC, AVIF, WebP, GIF. Highest quality artwork gives the best 16×16 result.

  2. What gets generated

    The tool emits three square PNGs at fixed sizes: 16×16, 32×32, and 48×48. Sharp resizes with fit: cover, so non-square sources are cropped to a square viewport from the centre.

  3. Press Run

    Result returns a files array with one entry per size: filename (favicon-16x16.png / favicon-32x32.png / favicon-48x48.png), mimeType, and base64 data. Download each with its own button.

  4. Wire it up in HTML

    Drop the PNGs at /favicon-16x16.png etc. on your server and add <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> in <head>. For ICO-only browsers, generate a separate .ico file with another tool.