Upload one image and instantly generate every favicon size your website needs — 16×16 up to 512×512 — ready to download.
PNG or JPG recommended, at least 512×512px, max 8MB
Modern sites typically need 16×16 and 32×32 for browser tabs, 180×180 for the Apple touch icon, and 192×192 plus 512×512 for Android home screens and PWA manifests.
A square image works best, ideally at least 512×512px, with a simple, recognizable design since favicons display very small.
Most modern browsers accept PNG favicons via link tags, but a classic favicon.ico is still a good fallback for older browsers.
No. All resizing happens locally in your browser using the Canvas API — nothing is uploaded to a server.
This tool takes a single source image and generates all the favicon sizes a modern website typically needs — 16×16, 32×32, 48×48, 180×180 (Apple touch icon), 192×192, and 512×512 — using the browser's Canvas API to resize with high-quality smoothing. Each size is available as an individual PNG download, along with a ready-to-paste HTML snippet for your site's <head>.
Favicons aren't just for the browser tab anymore. Different platforms and contexts request different sizes: browser tabs typically use 16×16 or 32×32, iOS home screen bookmarks use a 180×180 "apple touch icon," and Android and Progressive Web App manifests commonly request 192×192 and 512×512 versions for home screen icons and app-like installations. Providing all of these sizes ensures your site's icon looks crisp everywhere it appears, rather than being awkwardly stretched or blurred from a single small image.
After you upload an image, the tool loads it into an HTML canvas and redraws it at each target size using the canvas's built-in image smoothing, producing a clean downscaled PNG for each dimension. Because this all happens through the Canvas API directly in your browser, there's no upload, no server processing delay, and no privacy concern — your source image never leaves your device.
Once generated, download each size and place the files in your website's root or assets folder, then paste the provided HTML snippet into your page's <head> section. This includes standard <link rel="icon"> tags for the browser-tab sizes, an apple-touch-icon link for iOS, and references suitable for a site.webmanifest file if you're building a installable web app.
All resizing happens locally using the Canvas API — your image is never uploaded to any server, keeping unreleased logos or branding completely private until you're ready to publish.