Generate favicon PNGs for every platform from a single source image. All processing in your browser.
Generate a complete set of favicon PNGs from a single source image — in your browser, for free. Drop a square PNG, JPG, SVG, or WebP and get back every size modern browsers expect: 16, 32, 48, 180 (Apple Touch Icon), 192, and 512 pixels. All resizing happens locally via the canvas API — your image is never uploaded to a server. Download all sizes as a single zip along with a ready-to-paste HTML snippet and a sample site.webmanifest.
Drop your source image
Use a square image at least 512 × 512px for the sharpest results. PNG, JPG, SVG, and WebP are all supported. Transparent PNGs and SVGs work great.
Generate all sizes
Click Generate to render your image into every standard favicon size. Preview each one and click any preview to download that individual PNG.
Download the zip
Grab favicons.zip with all PNGs, a sample site.webmanifest, and an HTML snippet. Drop the PNGs at the root of your site and paste the snippet into <head>.
Not for modern browsers. Chrome, Safari, Firefox, and Edge all support PNG favicons via the <link rel="icon" type="image/png"> tag. The classic /favicon.ico is only needed if you care about very old browsers.
A square image of at least 512 × 512 pixels gives the best downscaled results. SVGs scale losslessly, so they're ideal when available.
It's the 180 × 180 PNG iOS uses when a user saves your site to their home screen. It should be a solid, non-transparent image because iOS applies rounded corners itself.
No. The entire generation pipeline runs in your browser using the canvas API and fflate for zipping. Nothing is sent to any server.
Place the PNGs and site.webmanifest at the root of your site (so they're served at /favicon-32x32.png, /site.webmanifest, etc.), then paste the provided HTML snippet into the <head> of your pages.