Favicon Generator

Every website needs a favicon, but browsers, phones, and bookmark screens all expect it at different pixel dimensions, so a single logo file dropped into an `<head>` tag isn't enough. This tool takes one uploaded image and produces every commonly used favicon size at once: 16×16 and 32×32 for browser tabs, 48×48 for Windows site icons, 180×180 for Apple's home-screen icon, and 192×192 and 512×512 for Android/Chrome and PWA manifests. Everything happens directly in your browser: nothing is ever uploaded anywhere.

Drop in a logo, icon, or square graphic and a live preview shows exactly how it'll look at each of the six sizes, so you can catch a design that turns illegible or loses its padding before you ever paste it onto a live site. Under the hood, each size is produced independently by drawing the source image onto its own appropriately-sized `<canvas>` using the browser's own high-quality image resampling (the same `createImageBitmap` → canvas → `toBlob` pipeline used by this site's other image tools), so a 512×512 icon isn't just a blown-up 16×16, and a 16×16 isn't a blurry downscale of something never actually rendered at that size.

Once you're happy with the preview, download every size at once as a single zip file (built client-side with JSZip, no server round-trip involved), each image named to match the filename browsers and manifest files expect (`favicon-16x16.png`, `apple-touch-icon.png`, `android-chrome-512x512.png`, and so on) so you can drop the whole folder straight into your site's root without renaming anything. Alongside the zip, the tool also generates the exact `<link>` tags your page's `<head>` needs to reference every size; copy the whole block with one click and paste it in, no manual lookup of which `rel`/`sizes` attribute pairs with which file required.

Because decoding, resizing, and zipping all run locally using APIs already built into your browser, your uploaded image is never transmitted, logged, or stored anywhere, even for a moment.