ตัวสร้างไอคอนหน้าเว็บ (Favicon) คืออะไร?

Favicon generator สร้างไอคอนขนาดเล็กที่แสดงในแท็บเบราว์เซอร์ บุ๊กมาร์ก และหน้าจอโฮมมือถือ สร้างทุกขนาดที่ต้องการจากรูปภาพเดียวโดยอัตโนมัติ รวมถึง ICO, PNG และ Apple Touch Icon สำหรับความเข้ากันได้สูงสุด

ประโยชน์หลัก

สร้างทุกขนาดอัตโนมัติ
รองรับเบราว์เซอร์
รองรับ Apple Touch Icon
ไอคอน PWA manifest

กรณีการใช้งาน

•แบรนด์เว็บไซต์
•ระบุตัวแท็บเบราว์เซอร์
•ไอคอนบุ๊กมาร์ก
•ไอคอนหน้าจอโฮมมือถือ

วิธีสร้าง Favicon

อัปโหลดรูปภาพ: อัปโหลดรูปภาพสี่เหลี่ยม (PNG หรือ JPG) เพื่อใช้เป็น favicon

ดูตัวอย่างขนาด: ดูว่า favicon ของคุณดูอย่างไรในขนาดต่างๆ (16x16, 32x32 ฯลฯ)

สร้างทุกขนาด: คลิกสร้างเพื่อสร้างขนาด favicon ที่จำเป็นทั้งหมดโดยอัตโนมัติ

ดาวน์โหลดและติดตั้ง: ดาวน์โหลด favicon pack และเพิ่ม link tags ใน HTML head ของคุณ

คำถามที่พบบ่อย

ต้องใช้ favicon ขนาดอะไรบ้าง?

เว็บไซต์สมัยใหม่ต้องการหลายขนาด: 16x16, 32x32, 48x48 สำหรับเบราว์เซอร์, 180x180 สำหรับ Apple Touch Icon และ 192x192/512x512 สำหรับ PWA เครื่องมือสร้างทุกขนาดอัตโนมัติ

favicon ควรใช้ไฟล์รูปแบบอะไร?

ใช้ ICO สำหรับความเข้ากันได้สูงสุด, PNG สำหรับเบราว์เซอร์ใหม่ และ SVG สำหรับการปรับขนาด ไฟล์ ICO สามารถมีหลายขนาดในไฟล์เดียว

เพิ่ม favicon ลงเว็บไซต์ได้อย่างไร?

เพิ่ม link tags ใน HTML head: <link rel="icon" href="/favicon.ico"> สำหรับ ICO และ <link rel="apple-touch-icon" href="/apple-touch-icon.png"> สำหรับ Apple

สร้าง favicon จากรูปภาพใดก็ได้ไหม?

ได้ อัปโหลดรูปภาพใดๆ และเครื่องมือจะปรับขนาดและครอปเป็นขนาด favicon ที่เหมาะสม รูปสี่เหลี่ยมจัตุรัสดีที่สุด เครื่องมือรักษาความโปร่งใสสำหรับ PNG

ตัวสร้างไอคอนหน้าเว็บ (Favicon)

สร้าง favicon ทุกขนาดได้ทันที สร้าง 16x16, 32x32, 180x180 และอื่นๆ เครื่องมือสร้าง favicon ฟรีพร้อมโค้ด HTML

อัปโหลดรูปภาพเพื่อสร้างไฟล์ไอคอนหน้าเว็บในหลายขนาด

อัปโหลดรูปภาพแนะนำ: ใช้รูปภาพสี่เหลี่ยมจัตุรัสที่มีพื้นหลังโปร่งใสเพื่อผลลัพธ์ที่ดีที่สุด

Loading tool...