เครื่องมือสร้าง Favicon ออนไลน์สำหรับเว็บไซต์และ PWA

Favicon คือ ไอคอน เล็ก ๆ ที่ แสดง ใน แท็บ เบราว์เซอร์ รายการโปรด และ หน้าจอหลัก ของ โทรศัพท์ เครื่องมือ สร้าง favicon เปลี่ยน ไฟล์โลโก้ หนึ่ง ไฟล์ เป็น ชุดไอคอน ที่ ครบ ถ้วน

ขนาด ที่ มัก ต้อง ใช้

เบราว์เซอร์ สมัย ใหม่ ใช้ 16x16 และ 32x32 พิกเซล ขณะ ที่ อุปกรณ์ Apple ต้องการ ไอคอน ใหญ่ กว่า PWA ยัง ต้อง มี ไอคอน 192 และ 512 พิกเซล ใน manifest

• ใช้ โลโก้ เรียบ ง่าย ที่ ยัง ชัด เมื่อ ขนาด เล็ก
• เตรียม เวอร์ชัน สว่าง และ มืด หาก จำเป็น
• คง ความโปร่งใส หรือ พื้นหลัง ทึบ ให้ สม่ำเสมอ
• ดาวน์โหลด ทุก ขนาด ใน ชุด เดียว

ติดตั้ง บน เว็บไซต์

วาง ไฟล์ ใน โฟลเดอร์ สาธารณะ และ เพิ่ม แท็ก ลิงก์ favicon ใน ส่วน head ของ หน้าเว็บ สำหรับ WordPress ให้ อัปโหลด ผ่าน การตั้งค่า ไซต์ หรือ ธีม หลัง เปลี่ยน favicon ให้ ล้าง แคช เบราว์เซอร์ เพื่อ ดู ไอคอน ใหม่

ทดสอบ บน หลาย อุปกรณ์

เปิด ไซต์ บน เดสก์ท็อป Android และ iPhone เพื่อ ยืนยัน ว่า ไอคอน ยัง อ่าน ได้ หาก รายละเอียด โลโก้ หาย ไป ที่ ขนาด 16x16 ให้ ทำ รูป ให้ ง่าย ขึ้น หรือ ใช้ สัญลักษณ์ ที่ หนา กว่า เก็บ ไฟล์ ต้นฉบับ ไว้ เพื่อให้ อัปเดต ชุด ได้ ง่าย