Favicon Generator
Cipta favicon daripada imej atau teks
Tentang alat ini
Jana favicon profesional untuk laman web anda daripada mana-mana imej atau teks tersuai. Secara automatik menghasilkan fail ICO dan PNG dalam semua saiz piawai (16x16, 32x32, 48x48, 192x192). Padankan dengan aukimi Inkwell untuk mereka bentuk karya favicon anda sebelum menukarnya di sini. Sebahagian daripada aukimi Inkwell.
Ciri-ciri
- Jana daripada imej atau teks tersuai
- Format output ICO dan PNG
- Semua saiz favicon piawai disertakan
- Warna latar belakang tersuai
- Pratonton dan muat turun segera
Kes penggunaan
Kongsi alat ini
Bantu orang lain menemuinya
Buat akaun percuma untuk menyahkan tera air
Simpan kerja anda, akses suite kreatif penuh, dan eksport tanpa tera air.
Mahu lebih kuasa?
Cuba aukimi Inkwell
Penyuntingan bitmap profesional dengan lapisan, topeng, penapis, dan sokongan tablet penuh.
How to generate a complete favicon set
Produce a real multi-size .ico, all PNG variants, a site.webmanifest, and the HTML snippet for your site — no upload required.
- 1
Choose Text or Image mode
Text mode turns a letter into a favicon. Image mode accepts any PNG/JPG/SVG logo.
- 2
Customize shape and padding
Pick square, rounded, or circle. Add padding to avoid logos being cropped at 16×16.
- 3
Pick a background color
The background color doubles as your PWA theme color in the generated manifest.
- 4
Download the .ico and PNGs
Click Download favicon.ico for the legacy multi-size file, or Download All PNGs for every size.
- 5
Paste the HTML snippet
Copy the HTML block into your site's <head>. Copy or download site.webmanifest into your web root.
Soalan Lazim
What sizes should a modern favicon cover?
The essential set is: 16×16 and 32×32 (browser tabs), 48×48 (Windows taskbar), 180×180 (Apple touch icon), 192×192 and 512×512 (Android/PWA). Our generator outputs all of these plus a real multi-size .ico file that bundles 16/32/48 for legacy browsers.
Is the .ico a real ICO file or just a renamed PNG?
It is a real ICO file following the Microsoft ICONDIR / ICONDIRENTRY binary spec — three PNG images at 16/32/48 are embedded in a single .ico container. Some competitors just rename a PNG, which fails in Windows Explorer and older browsers.
Can I generate a favicon from text instead of an image?
Yes. Switch to Text mode, pick a letter (or two), choose a font, color, and shape (square, rounded, circle). Useful when you do not have a logo ready — you can get a clean monogram favicon in under a minute.
Where do I paste the HTML snippet?
Inside the <head> of every page of your site. The snippet wires up the 16/32 PNGs, Apple touch icon, web manifest, and theme-color meta tag. Most static site generators and frameworks have a single head template to edit.
What is site.webmanifest for?
It tells mobile browsers how your site should look when installed as a Progressive Web App — name, icons, theme color, display mode. Drop the downloaded `site.webmanifest` at your web root alongside the favicon files.
Why do my favicons look bad at small sizes?
Detailed logos rarely survive 16×16. Increase the Padding slider, simplify the shape (circle or rounded square), and crank up the contrast between foreground and background. Text mode often reads better at small sizes than a miniaturized logo.