เครื่องสร้าง Favicon
สร้างแพ็กเกจ favicon ที่สมบูรณ์จากโลโก้ ไอคอนฟอนต์ หรืออักษรย่อ — favicon.ico, PNG สมัยใหม่, Apple touch icon, PWA icons, web manifest และโค้ด HTML
วางโลโก้ เลือกไอคอนฟอนต์ หรือพิมพ์อักษรย่อ — เราจะสร้าง favicon ทุกแบบที่เว็บไซต์สมัยใหม่ต้องการ ตั้งแต่ favicon.ico แบบดั้งเดิม ไปจนถึง Apple touch icon, PWA icons และโค้ด HTML ที่พร้อมวางใช้งาน
เกี่ยวกับ เครื่องสร้าง Favicon
Favicon Generator สร้างไอคอนทุกแบบที่เว็บไซต์สมัยใหม่ต้องการจากแหล่งเดียว: อัปโหลดโลโก้ PNG เลือกไอคอนแบบฟอนต์ หรือพิมพ์ตัวอักษรย่อ ชุดผลลัพธ์รวมถึง favicon.ico แบบคลาสสิก (16, 32 และ 48 พิกเซล) favicon แบบ PNG สมัยใหม่ ไอคอน Apple touch ขนาด 180 พิกเซล ไอคอน PWA ขนาด 192 และ 512 พิกเซล ไฟล์ site.webmanifest และโค้ดสนิปเพ็ต HTML สำหรับส่วนหัว
การจัดสไตล์ทำได้ในเครื่องมือเลย: เลือกสีพื้นหลังหรือคงความโปร่งใส ตัดเป็นทรงสี่เหลี่ยม มุมโค้ง หรือวงกลม ปรับแพดดิ้งและขนาดผลงาน และกำหนดสีธีมที่ใช้โดย UI ของเบราว์เซอร์และแมนิเฟสต์ PWA พรีวิวแบบเรียลไทม์แสดงไอคอนของคุณในบริบทจริง — แท็บเบราว์เซอร์ขนาด 16 พิกเซล บุ๊กมาร์ก ไทล์ Apple touch และไอคอน PWA
ทุกอย่างเรนเดอร์บนแคนวาสในเบราว์เซอร์ของคุณ และ Generate จะรวบรวมแพ็กเกจทั้งหมดเป็นไฟล์ ZIP พร้อม README การติดตั้งมีเพียงสองขั้นตอน: แตกไฟล์ ZIP ไปยังโฟลเดอร์รากของเว็บไซต์ และวางสนิปเพ็ตที่ให้มาลงใน <head> ของคุณ
วิธีใช้ เครื่องสร้าง Favicon
- เลือกแหล่งที่มาของคุณ: อัปโหลดโลโก้ PNG เลือกไอคอนแบบฟอนต์ หรือพิมพ์ตัวอักษรย่อ
- จัดสไตล์ — สีพื้นหลังหรือความโปร่งใส รูปทรง แพดดิ้ง และขนาดผลงาน
- กรอกชื่อเว็บไซต์ ชื่อย่อ และสีธีมสำหรับแมนิเฟสต์ PWA
- ตรวจสอบพรีวิว: แท็บเบราว์เซอร์ บุ๊กมาร์ก Apple touch และบริบท PWA
- คลิก "Generate favicons" แล้วแตกไฟล์แพ็กเกจไปยังโฟลเดอร์รากของเว็บไซต์
- วางโค้ดสนิปเพ็ต HTML จากแพ็กเกจลงใน <head> ของหน้าเว็บของคุณ