ตัวสร้าง Favicon
เครื่องมือสร้าง Favicon เปลี่ยนตัวอักษร 1–2 ตัวหรืออีโมจิให้เป็น favicon ตามสีพื้นหลัง สีตัวอักษร และรูปทรงที่คุณเลือก และส่งออกเป็นไฟล์ PNG ขนาด 256, 128, 64, 32 และ 16 px
เกี่ยวกับเครื่องมือนี้
เครื่องมือสร้าง Favicon เปลี่ยนตัวอักษร 1–2 ตัวหรืออีโมจิให้เป็น favicon ตามสีพื้นหลัง สีตัวอักษร และรูปทรงที่คุณเลือก และส่งออกเป็นไฟล์ PNG ขนาด 256, 128, 64, 32 และ 16 px
วิธีใช้
- พิมพ์ตัวอักษร 1–2 ตัว หรือวางอีโมจิ
- เลือกสีพื้นหลังและสีตัวอักษร
- เลือกรูปทรงสี่เหลี่ยม มุมมน หรือวงกลม
- ดาวน์โหลด PNG ขนาดที่ต้องการ
ข้อควรรู้
- เบราว์เซอร์แสดง favicon บนแท็บที่ขนาด 16 × 16 px รูปทรงที่หนาและเรียบง่ายจึงอ่านง่ายที่สุด
- เบราว์เซอร์รุ่นใหม่รองรับ favicon แบบ PNG ผ่าน <link rel="icon" type="image/png" href="/favicon-32.png">
- Apple touch icon มักมีขนาด 180 × 180 px สามารถย่อไฟล์ส่งออก 256 px ให้ได้ขนาดนี้
- ระบบจะวาดเฉพาะ 2 ตัวอักษรแรกของข้อความ
- รูปภาพถูกวาดด้วย Canvas API บนอุปกรณ์ของคุณ
ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ข้อมูลที่คุณป้อนจะไม่ถูกอัปโหลดหรือจัดเก็บ
คำถามที่พบบ่อย
Favicon ควรมีขนาดเท่าไร?
ควรมีอย่างน้อย 32 × 32 px สำหรับแท็บเบราว์เซอร์ และขนาดใหญ่ขึ้น เช่น 180 px สำหรับ Apple touch icon และ 192 หรือ 512 px สำหรับ web app manifest
จะเพิ่ม favicon ให้เว็บไซต์ได้อย่างไร?
อัปโหลดไฟล์ PNG แล้วเพิ่ม <link rel="icon" type="image/png" href="/favicon-32.png"> ไว้ในส่วน head ของ HTML
ใช้อีโมจิเป็น favicon ได้หรือไม่?
ได้ วางอีโมจิลงในช่องข้อความแล้วดาวน์โหลด PNG ระบบจะแสดงผลด้วยฟอนต์อีโมจิของเครื่องคุณ
ยังจำเป็นต้องมีไฟล์ favicon.ico อยู่หรือไม่?
ไม่จำเป็นสำหรับเบราว์เซอร์รุ่นใหม่ที่รองรับ PNG แต่เครื่องมือและเบราว์เซอร์รุ่นเก่าบางตัวยังค้นหา /favicon.ico อยู่ หลายเว็บไซต์จึงเก็บไว้เพื่อความเข้ากันได้