Favicon Sizes and PNG Generator
Create a square PNG site icon at a standard favicon or Apple touch-icon size.
PNG favicon output versus ICO and SVG
This generator resizes one square source and exports one PNG at the selected pixel size. It does not create an ICO container, bundle several icon sizes into one file, or trace JPG or PNG pixels into vector paths.
Putting a bitmap inside an SVG wrapper does not make the artwork a true vector. For scalable logo conversion, use a vector editor or a reviewed tracing workflow. For a multi-size ICO, use a dedicated encoder and inspect every embedded size before deployment.
Choose a favicon size
A browser tab commonly displays a favicon at 16 by 16 or 32 by 32 pixels. A 48-pixel PNG can provide another desktop size, while 180 by 180 is commonly used for an Apple touch icon. Start with a square source that remains recognizable when it is tiny, then generate and inspect each size you actually need.
This generator exports one PNG at the selected size. It does not create an ICO file or a multi-size favicon package. If a platform specifically requires ICO, convert the downloaded PNG with software that can embed several icon sizes and verify the result before deployment.
Add the favicon to a website
Upload the PNG to your site, reference it from the document head with an appropriate rel, type, and sizes value, then clear caches when testing a replacement. Use the Favicon Preview Tester to check whether the artwork still reads at small sizes.
How to Use Favicon Generator
Favicon Generator makes small browser icons from real square artwork that must stay recognizable at tab size.
- Start with the actual logo or mark, preferably a square PNG or SVG with enough contrast for tiny sizes.
- Check the 16px version first, because that is where detailed artwork usually breaks down.
- Generate the icon set, then compare the tab-size result with the source artwork before downloading.
- Thin lines, small text, and detailed logos often blur when reduced to favicon size.
- Name favicon exports by size so the 16px, 32px, and larger files stay organized.
Things to Check
- Detailed logos blur at tab size.
- Oversized source images can waste browser memory; crop and resize large artwork before generating favicons on phones.
- Test the icon in a browser tab, bookmark, and mobile shortcut before publishing it.
Helpful FAQ
When is this tool most useful?
Use it when preparing simple site icons from square artwork for tabs, bookmarks, and shortcut previews.
What should I inspect before using the output?
Check edge clarity, contrast, transparency, tiny text, and whether the icon still reads at 16px.
Does this replace a specialist editor?
For multi-format icon packages, brand systems, or pixel-level icon design, use dedicated design software.
Maintained by Taimour Husnain.
Common favicon dimensions
| Size | Typical use |
|---|---|
| 16 x 16 | Compact browser tab or legacy surface |
| 32 x 32 | Common high-density browser favicon |
| 48 x 48 | Larger browser or shortcut context |
| 180 x 180 | Apple touch icon convention |
| 192 x 192 and 512 x 512 | Web app manifest icon sizes |
This tool downloads one PNG at the chosen size. It does not create a multi-resolution ICO file or install tags in your website. Open the Favicon Preview Tester to inspect a candidate at several interface scales.