สร้าง Favicon PNG, ICO และ Apple Touch Icon
สร้าง favicon ทุกไฟล์ที่เว็บไซต์ต้องใช้จากรูปเพียงภาพเดียว เพียงอัปโหลดรูปสี่เหลี่ยมจัตุรัส เครื่องมือจะวาดไฟล์ PNG ขนาด 16, 32, 48, 64, 180, 192 และ 512 พิกเซล รวมไฟล์ favicon.ico แบบหลายขนาด และให้โค้ด HTML สำหรับวางในส่วน head ทุกอย่างทำงานในเบราว์เซอร์ด้วย Canvas API รูปของคุณจึงไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์
ควรใช้รูปสี่เหลี่ยมจัตุรัสขนาดอย่างน้อย 512×512 เพื่อความคมชัด ทุกอย่างทำงานในเบราว์เซอร์ สูงสุด 25 MB
Favicon ของคุณจะแสดงที่นี่
อัปโหลดรูปเพื่อสร้าง favicon ทุกขนาด ไฟล์ favicon.ico และโค้ด HTML
ไอคอนที่สร้างแล้ว
favicon.ico (16 · 32 · 48)
ไฟล์ .ico เดียวที่รวมไอคอนขนาด 16, 32 และ 48 พิกเซล วางไว้ที่รากของเว็บไซต์
โค้ด HTML
วางไว้ภายในแท็ก <head> ของทุกหน้า ปรับ path ให้ตรงหากไฟล์ไม่ได้อยู่ที่รากของเว็บไซต์
ไอคอนถูกวาดด้วย Canvas API ในเบราว์เซอร์ทั้งหมด ไม่มีการอัปโหลด
วิธีใช้งาน
- อัปโหลดรูปสี่เหลี่ยมจัตุรัส (ควรมีขนาด 512×512 ขึ้นไป) โดยลากมาวาง คลิกเลือกไฟล์ หรือวางจากคลิปบอร์ด
- เลือกการปรับขนาดแบบพอดีหรือเต็ม และกำหนดสีพื้นหลัง หรือเลือกพื้นหลังโปร่งใส
- ดูตัวอย่างไอคอนทุกขนาดตั้งแต่ 16×16 จนถึง 512×512 รวมถึง apple-touch-icon และขนาดสำหรับ PWA
- ดาวน์โหลด PNG ทีละไฟล์ ดาวน์โหลดทุกไอคอนรวมเป็นไฟล์ ZIP เดียว หรือดาวน์โหลด favicon.ico แบบหลายขนาด
- คัดลอกโค้ด HTML แล้ววางไว้ในแท็ก <head> ของหน้าเว็บ
ฟีเจอร์เด่น
- สร้าง favicon PNG ขนาด 16, 32, 48, 64, 180, 192 และ 512 พิกเซล
- สร้างไฟล์ favicon.ico แบบหลายขนาด (16 / 32 / 48) ในเบราว์เซอร์จริง
- มี apple-touch-icon และไอคอนสำหรับ PWA / Android Chrome
- เลือกพื้นหลังโปร่งใสหรือกำหนดสีเอง พร้อมปรับขนาดแบบพอดีหรือเต็ม
- โค้ด HTML แท็ก <link> และ manifest ที่คัดลอกไปใช้ได้ทันที
- ทำงานในเบราว์เซอร์ 100% รูปของคุณไม่ออกจากอุปกรณ์