ตรวจสอบ Favicon
กรอกที่อยู่เว็บไซต์เพื่อดูว่าเบราว์เซอร์ Google, iPhone และ Android พบ favicon ใดบ้างจริง ๆ และต้องแก้ไขอะไร
วิธีใช้งาน: ตรวจสอบ Favicon
- 1
กรอกที่อยู่เว็บไซต์
พิมพ์โดเมน เช่น example.com หรือวาง URL เต็มของหน้าใดก็ได้บนเว็บไซต์ของคุณ
- 2
ดูรายการตรวจสอบ
ดูว่าเบราว์เซอร์ Google, iOS และ Android พบไฟล์ favicon ใดบ้าง พร้อมขนาดจริง ภาพตัวอย่าง และวิธีแก้ไขสั้น ๆ
- 3
แก้ไขสิ่งที่ขาด
สร้างชุด favicon ที่ครบถ้วนด้วยเครื่องมือสร้าง favicon อัปโหลดไฟล์ แล้วตรวจสอบอีกครั้ง
การตรวจสอบ favicon ทำงานอย่างไร
เครื่องมือจะเปิดหน้าที่คุณกรอกในแบบเดียวกับเบราว์เซอร์ อ่านแท็กไอคอนทุกแท็กในโค้ด โหลดไฟล์ web app manifest และขอไฟล์ /favicon.ico จากรากของเว็บไซต์ จากนั้นดาวน์โหลดไอคอนแต่ละไฟล์เพื่อวัดรูปแบบและขนาดพิกเซลจริง คุณจึงเห็นว่าไฟล์มีอะไรอยู่จริง ไม่ใช่แค่สิ่งที่ HTML ระบุไว้
ผลลัพธ์จะจัดกลุ่มตามแพลตฟอร์ม สำหรับเบราว์เซอร์บนเดสก์ท็อป เครื่องมือจะตรวจหา favicon แบบ ICO, PNG หรือ SVG ที่ใช้งานได้และลิงก์ที่เสีย สำหรับการค้นหาของ Google จะมองหาไอคอนสี่เหลี่ยมจัตุรัสขนาด 48 px หรือพหุคูณของขนาดนี้ สำหรับ iPhone จะตรวจ Apple touch icon ขนาด 180×180 และดูว่ามีพื้นที่โปร่งใสหรือไม่ ซึ่ง iOS จะเติมด้วยสีดำ สำหรับ Android จะตรวจไฟล์ manifest ไอคอนขนาด 192 และ 512 px ไอคอนแบบ maskable ชื่อแอป และสีธีม ทุกคำเตือนมีคำอธิบายสั้น ๆ ว่าต้องแก้ไขอย่างไร
หากมีสิ่งใดขาดหายไป ให้สร้างชุด favicon ที่ครบถ้วนด้วยเครื่องมือสร้าง favicon ของเรา อัปโหลดไฟล์ แล้วตรวจสอบอีกครั้ง เบราว์เซอร์และ Google จะแคช favicon ไว้เป็นเวลานาน ไอคอนใหม่จึงอาจใช้เวลาสักพักกว่าจะปรากฏในแท็บและผลการค้นหา แม้การตรวจสอบจะผ่านแล้วก็ตาม ตรวจสอบได้เฉพาะที่อยู่สาธารณะเท่านั้น และเครื่องมือจะไม่จัดเก็บหน้าเว็บที่อ่าน
ทุกอย่างทำงานภายในเบราว์เซอร์ของคุณ รูปภาพของคุณจะไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์เด็ดขาด