The short answer
Why use Favicon?
A generator is useful when exact dimensions matter more than a stock template. The result can be rebuilt with new values instead of stretched after the fact.
Favicon focuses on exporting common favicon sizes from one source image. Selected images are arranged on a browser canvas and exported as a new flattened graphic.
The selected file stays in this browser tab and is released when you leave the page. PNG keeps lines and labels sharp at the chosen pixel dimensions. Check long text for wrapping before saving.
What Favicon does
Set the canvas
Drop, choose, or paste a supported file into Favicon. Exporting common favicon sizes from one source image. The source stays on your device; we work on a copy.
Draw from your values
Favicon is for exporting common favicon sizes from one source image. The preview is the place to decide if the setting went too far. The original file is not overwritten.
Useful controls
Main controls: Canvas dimensions plus the labels, colors, data, or layout required by the generator. Working limit: Generated canvases are capped at 8,000 pixels per side. Watch the preview at full size before you save. A current desktop browser usually has more memory than a phone.
Download or print
Export is png, svg, html code, or a zip where the tool produces multiple assets. The download is a new file. Keep the original until you have opened the copy once.
Where Favicon fits
These are ordinary jobs where the focused controls save time. They also show where a full editor or a manual review may still be the better choice.
Mockups
Create a correctly sized stand-in before the final artwork arrives.
Reusable assets
Rebuild Favicon with new values instead of resizing an old export.
Planning
Make a visual guide that can be downloaded, printed, or handed to a teammate.
Start to finish
How to use Favicon
- 01Choose, drop, or paste a supported file.
- 02Adjust the favicon controls and check the preview at full size.
- 03Download the finished copy and open it once before using it elsewhere.
What to expect from Favicon
This table covers the parts that matter before you begin: what goes in, which controls do the work, what comes out, and where the browser draws a hard line.
| Check | What it means here |
|---|---|
| Supported input | JPEG, PNG, WebP, GIF, BMP, SVG and browser-supported AVIF images |
| Main controls | Canvas dimensions plus the labels, colors, data, or layout required by the generator |
| Output | PNG, SVG, HTML code, or a ZIP where the tool produces multiple assets |
| Working limit | Generated canvases are capped at 8,000 pixels per side |
| Privacy | Files and entered values stay in this tab. Filenames, pixels, metadata, OCR text, QR contents, locations, and passwords are not sent to analytics. |
Before you export
- Choose the final dimensions before adding small text.
- Use high contrast for labels that must survive downscaling.
- Keep a note of important values if you expect to recreate the graphic.
- Open the downloaded file once before placing it in another document.
Frequently asked questions
If you cannot find what you are looking for, write us a message and we will get back to you.
What should I check before saving with Favicon?
Does my file get uploaded?
Can I use Favicon on a phone?
Will Favicon overwrite my original file?
Why might the Favicon result look different in another app?
Is Favicon free to use?
How does Favicon work?
What can I put into Favicon?
How do I save the result from Favicon?
Why did Favicon fail or look wrong?
Will Favicon keep a copy of my work?
Related tools
More in Utilities.
Continue the workflow
These tools handle common next steps after favicon.