Where are the PNG files encoded?

In your browser. Each PNG is encoded with canvas.toBlob inside this tab and reaches your device only when you download it. Our servers are not involved at any point.

Why use PNG favicons today?

Every modern browser supports PNG icons natively, and PNG preserves transparency and full color depth. Multiple sizes give the browser a clean asset for every display density.

How is each PNG rendered?

The tool sets the canvas width and height to the target size, calls drawImage to scale the source, and then encodes the canvas with toBlob using the image/png type for a lossless result. Previews and downloads use short-lived blob: URLs, never a data: URL.

Do I need all six sizes?

At minimum 32 and 192 cover most use cases. Including the full set helps when devices request specific resolutions, such as 48 for Windows shortcuts or 512 for PWA splash screens.

Can I generate a transparent favicon?

Yes. PNG keeps alpha intact, so any transparent areas in your source image carry through to every output size.

PNG Favicon Generator

Generate a set of PNG favicons in the six standard sizes used by browsers and mobile devices. Each output is a lossless PNG resized with the Canvas API. Download individually or all at once. All processing runs in your browser.

Drop an image or click to choose

Square images at least 512 pixels work best. Runs in your browser.

SIZES GENERATED

16324864192512

NAMING PATTERN

favicon-16.png

Runs entirely in your browser

How it works

For each of the six target sizes the tool creates a fresh canvas at that resolution, scales the image to fit inside it and centers it with the Canvas API method ctx.drawImage(img, dx, dy, dw, dh) with high-quality smoothing, and encodes the result with canvas.toBlob("image/png"). Each file downloads through a short-lived blob: URL, no zip library required.

Processing runs in your browser

All PNG resizing happens locally in your browser tab using the Canvas API. Our servers are not involved at any point.

Frequently asked questions

Where are the PNG files encoded?: In your browser. Each PNG is encoded with canvas.toBlob inside this tab and reaches your device only when you download it. Our servers are not involved at any point.
Why use PNG favicons today?: Every modern browser supports PNG icons natively, and PNG preserves transparency and full color depth. Multiple sizes give the browser a clean asset for every display density.
How is each PNG rendered?: The tool sets the canvas width and height to the target size, calls drawImage to scale the source, and then encodes the canvas with toBlob using the image/png type for a lossless result. Previews and downloads use short-lived blob: URLs, never a data: URL.
Do I need all six sizes?: At minimum 32 and 192 cover most use cases. Including the full set helps when devices request specific resolutions, such as 48 for Windows shortcuts or 512 for PWA splash screens.
Can I generate a transparent favicon?: Yes. PNG keeps alpha intact, so any transparent areas in your source image carry through to every output size.

Last reviewed September 30, 2026

Other pages for this tool

Related tools

Background reading: Complete guide to image tools