inyourbrowser.com

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. Stays 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, calls the Canvas API method ctx.drawImage(img, 0, 0, size, size) with high-quality smoothing, and exports the result with canvas.toDataURL("image/png"). Downloads are triggered by anchor clicks, 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

Is my image uploaded to a server?
All PNG generation runs in your browser using the Canvas API. 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 exports the canvas with toDataURL using the image/png type for a lossless result.
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.

Related tools

Resize image
Scale to any size or use platform presets. Instagram, LinkedIn, WhatsApp and more.
Convert image
Convert between JPEG, PNG, and WebP formats. Lossless or quality-controlled.
Crop image
Crop images to any size, square, or circle shape. Canvas API. Runs in your browser.
Image to Base64
Convert any image to a Base64 data URI. Copy directly into HTML, CSS, or JSON.