วิธีใช้สร้างชุด Favicon จากรูปภาพ
ใช้รูปสี่เหลี่ยมเรียบง่าย ดาวน์โหลด ICO และ PNG ทุกขนาด วางในตำแหน่งที่เว็บเข้าถึงได้แล้วปรับ href ในโค้ดตัวอย่าง ตรวจแท็บเบราว์เซอร์และล้างแคชรูปเมื่อเปลี่ยนไฟล์
เตรียมข้อมูลให้ตรงงาน
สร้างชุดไอคอนเว็บไซต์หลายขนาดจากภาพต้นฉบับเดียว
- รูป JPG / PNG / WebP
- สีพื้นหลัง
ขั้นตอนใช้งาน
ใช้ภาพเรียบที่ยังจำได้เมื่อเล็ก ตรวจภาพ 16×16 ก่อนนำชุดไฟล์และแท็กไปใส่เว็บไซต์ของคุณ
ตรวจผลด้วยกรณีตัวอย่าง
ตรวจทั้งไอคอนขนาดเล็กในแท็บและภาพขนาดใหญ่สำหรับหน้าจอหลัก ไม่ใช้เพียงภาพ Preview ใหญ่ตัดสิน
ก่อนนำผลไปใช้จริง
การสร้างไฟล์ไม่ได้ติดตั้งให้เว็บไซต์อัตโนมัติ รายละเอียดเล็กหรือข้อความยาวมักหายเมื่อย่อเป็น favicon
เป็นเครื่องมือสาธารณะ ไม่เปลี่ยน favicon ของ ToolThai ใช้ภาพรายละเอียดน้อยเพื่อให้อ่านออกที่ 16 px
คำถามที่พบบ่อย
ไอคอนเล็กต้องอ่านออกก่อนรายละเอียดสวย หมายถึงอะไร?
ภาพ favicon ขนาด 16 px มีพื้นที่น้อยมาก รายละเอียดหรือข้อความยาวจะหายไป การสร้างหลายขนาดทำให้เบราว์เซอร์และอุปกรณ์เลือกไฟล์ที่เหมาะ แต่เว็บไซต์ต้องวางไฟล์กับโค้ดอ้างอิงให้ตรงกัน
ทดลองแล้วควรได้ผลอย่างไร?
ICO มีภาพ 3 ขนาดอยู่ในไฟล์เดียว PNG 180 สำหรับ apple-touch-icon
มีข้อจำกัดอะไรที่ต้องตรวจ?
เป็นเครื่องมือสาธารณะ ไม่เปลี่ยน favicon ของ ToolThai ใช้ภาพรายละเอียดน้อยเพื่อให้อ่านออกที่ 16 px