Image tools
Favicon Generator
Create a complete favicon package from an image, text or emoji. Preview every size and keep your files on this device.
Icon editor
Background
Device previews
Adds safe padding for round and rounded masks.
Live preview
Position · Safe area guide
Browser tab preview
Apple Touch Icons often look more consistent with an opaque background; transparent output is still allowed.
Device previews
Website manifest
Processed locally in your browser. Your content never leaves this device.
Sponsored linkLearn more →
How to use
- Choose an image, text or emoji source.
- Adjust fit, position, scale, background, padding and corners while previewing the result.
- Generate the package, then download individual files, copy the HTML or download the ZIP.
Great for
- Website browser tabs
- Apple Touch Icons
- Android and installable PWA icons
How to create a favicon
Choose an image, a short text mark or an emoji, then keep the important detail inside the safe area. Preview the small browser sizes before generating the package so the icon remains recognizable at 16 pixels.
What favicon sizes are needed?
Most sites use 16×16 and 32×32 PNG icons, while 48×48 is a useful desktop fallback. Apple Touch Icons use 180×180, and installable PWAs commonly use 192×192 and 512×512.
How to convert PNG to ICO
Generate the favicon package, then use the real favicon.ico supplied by BrightTools. It is an ICO container with separate transparent PNG images for 16×16, 32×32 and 48×48, rather than a PNG renamed with an ICO extension.
What is favicon.ico?
favicon.ico is a compatibility icon file that can contain several resolutions. Browsers can select the closest entry for a tab, bookmark or legacy integration.
How to add a favicon to a website
Upload the generated files to the website root and paste the HTML snippet into the document <head>. Add the manifest link when you want Android or PWA installation metadata.
What is an Apple Touch Icon?
An Apple Touch Icon is the 180×180 PNG shown when a visitor saves a site to an iPhone or iPad home screen. A solid background is often more predictable, though transparent output remains available.
What are PWA and maskable icons?
PWA icons are declared in a web manifest. A maskable icon keeps its important content inside a central safe area so the operating system can apply a circle or rounded mask without cutting it off.
Are uploaded images sent to a server?
No. The image is decoded and rendered with browser APIs. The source image, text, emoji, generated blobs and manifest stay on this device.
Good to know
Rendering uses your browser Canvas and installed fonts. Emoji artwork can differ slightly between operating systems, and very old browsers may not support every image codec.
Frequently asked questions
What size should a favicon be?
The package includes 16, 32 and 48 pixel browser icons, a 180 pixel Apple Touch Icon, and 192 and 512 pixel Android/PWA icons.
Do I still need favicon.ico?
It is still a useful compatibility fallback. This tool creates a real ICO container with 16×16, 32×32 and 48×48 PNG images.
Can I create a favicon from a PNG?
Yes. PNG, JPEG, WebP and safe SVG images can be loaded locally and rendered to every output size.
Can I use an emoji as a favicon?
Yes. Enter one emoji grapheme, including joined or skin-tone emoji. The current browser rendering is rasterized into PNG pixels.
What files are included in the ZIP?
The ZIP contains all six PNG sizes, favicon.ico, site.webmanifest and bilingual installation instructions. Your source image is never included.
How do I install the favicon on my website?
Upload the files to your website root and paste the generated link tags inside your HTML head.
Are my images uploaded?
No. Files, text and emoji are decoded and rendered entirely in your browser and are not sent to a server.
Why does my favicon look blurry?
Use a simple high-contrast source, keep important details inside the safe area, and start with an image at least 512×512 pixels.
You may also like
Convert Images Online
Convert JPG, PNG, WebP, AVIF and HEIC images directly in your browser. Process multiple files and download all converted images as a ZIP.
Open tool →Compress Images Online
Compress JPG, PNG and WebP images directly in your browser. Set a maximum file size, process multiple images and download everything as a ZIP.
Open tool →Watermark Images Online
Add text or logo watermarks to multiple images directly in your browser. Adjust position, opacity, size and download all images as a ZIP.
Open tool →