Favicon Generator
สร้าง favicon จากรูปภาพหรือข้อความ
เกี่ยวกับเครื่องมือนี้
สร้าง favicon มืออาชีพจากรูปภาพหรือข้อความ สร้างไฟล์ ICO และ PNG ในทุกขนาดมาตรฐาน (16x16, 32x32, 48x48, 192x192) โดยอัตโนมัติ ใช้คู่กับ aukimi Inkwell เพื่อออกแบบกราฟิก favicon ส่วนหนึ่งของ aukimi Inkwell.
คุณสมบัติ
- สร้างจากรูปภาพหรือข้อความ
- รูปแบบเอาต์พุต ICO และ PNG
- ทุกขนาด favicon มาตรฐาน
- สีพื้นหลังที่กำหนดเอง
- ตัวอย่างและดาวน์โหลดทันที
กรณีการใช้งาน
แชร์เครื่องมือนี้
ช่วยให้คนอื่นค้นพบ
สร้างบัญชีฟรีเพื่อลบลายน้ำ
บันทึกผลงาน เข้าถึงชุดเครื่องมือสร้างสรรค์ทั้งหมด และส่งออกโดยไม่มีลายน้ำ
ต้องการมากกว่านี้?
ลอง aukimi Inkwell
การแก้ไขบิตแมประดับมืออาชีพพร้อมเลเยอร์ มาสก์ ฟิลเตอร์ และรองรับแท็บเล็ตเต็มรูปแบบ
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.
คำถามที่พบบ่อย
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.