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.
If you upload a rectangular image, the tool automatically center-crops it to the largest possible square before resizing, rather than squashing it to fit. This keeps the center of your image intact and avoids the distortion that stretching would cause, but it does mean content near the top, bottom, left, or right edges of a non-square source may get cropped out — so for full control over composition, crop to a square yourself before uploading.
Most frameworks expect favicon files in a public or static assets folder served from the site root — for example, /public in a React or Next.js project, or /static in many static site generators. The generated HTML snippet references absolute paths like /favicon-32x32.png, so uploading the downloaded files to your site's root directory (or adjusting the paths to match your folder structure) is all that's needed to wire them up.
Manually resizing a logo into six separate files in an image editor means repeating the same crop-and-export steps six times, keeping track of exact pixel dimensions, and manually writing the HTML link tags. This tool does the center-crop, resize, and smoothing for every required size in one pass and generates the matching HTML automatically, cutting a repetitive 15–20 minute task down to a few seconds.
site.webmanifest file also references the 192×192 and 512×512 icons, not just the HTML <link> tags.People searching for this feature often use terms like "favicon generator from logo," "apple touch icon size," "how to add favicon to website," "generate ico file online," and "PWA icon sizes generator." This tool produces all the common sizes needed to answer each of these searches in one step.