ทำไมขนาด favicon มีมากมาย

บริบทต่างกันใช้ขนาดต่างกัน หน้าจอหลัก iOS ต้องการ 180×180 หน้าจอหลัก Android ใช้ icons ของ manifest (บ่อย 192×192 และ 512×512) แท็บเบราว์เซอร์เดสก์ท็อปใช้ 16×16 และ 32×32 จัดส่งทั้งหมดเป็นวิธีเดียวที่จะดูคมชัดทุกที่

ฉันยังต้องการ favicon.ico หรือไม่

ใช่ สำหรับเบราว์เซอร์เก่าและเครื่องมือที่มอง /favicon.ico โดยค่าเริ่มต้น แม้เบราว์เซอร์สมัยใหม่ก็ fallback เมื่อไม่มี favicon ที่ประกาศชัดเจน จัดส่งข้างๆ PNG variants

web app manifest คืออะไร

manifest.json (หรือ manifest.webmanifest) ประกาศ icons, ชื่อ และ theme color สำหรับเว็บแอปที่ติดตั้งได้ Android ใช้สำหรับการเตือนติดตั้งหน้าจอหลัก iOS อ่านชื่อและ icons เช่นกัน แม้คุณสมบัติบางตัวทำงานเฉพาะบน Android

ทำไมบางครั้งแสดงข้อผิดพลาด CORS

บางโฮสต์บล็อกการดึงภาพ cross-origin Toova ยังตรวจจับว่า icon มีอยู่หรือไม่โดยการตรวจสอบการตอบสนอง แต่ไม่สามารถเรนเดอร์ภาพในการดูตัวอย่าง เว็บไซต์จริงทำงานปกติเสมอ — นี่เป็นข้อจำกัดของเครื่องมือเท่านั้น

URL ที่ฉันตรวจสอบถูกบันทึกที่ใดหรือไม่

ไม่ Toova ไม่เห็น URL ที่คุณตรวจสอบ — คำขอไปจากเบราว์เซอร์ของคุณตรงไปยังไซต์เป้าหมาย

ตัวตรวจสอบ Favicon — ตรวจสอบ Favicon ของเว็บไซต์ใด ๆ

ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด

ตรวจสอบ favicons ที่เว็บไซต์ให้บริการ — รวมถึงไฟล์ ICO เก่า PNG variants สมัยใหม่ Apple touch icons และ web app manifest Toova ดึงและดูตัวอย่างในเบราว์เซอร์ของคุณ เพื่อให้คุณสามารถตรวจสอบไซต์ของคุณเองหรือเปรียบเทียบกับคู่แข่ง

ทำไม favicons เป็นความวุ่นวาย

เบราว์เซอร์ แพลตฟอร์มมือถือ บัตรโซเชียล RSS readers และส่วนขยายเบราว์เซอร์ทั้งหมดมองหา favicons ในที่ต่างๆ — /favicon.ico, /apple-touch-icon.png, manifest, meta tags ไซต์ที่จัดส่งเฉพาะ /favicon.ico พลาดทุกบริบทสมัยใหม่ Toova ตรวจสอบทุกตำแหน่งทั่วไป แสดงผลลัพธ์ และเปิดเผยตัวที่ขาดหายไป เพื่อให้คุณสามารถตรวจสอบไซต์ของคุณเองโดยไม่ต้องสร้างคำขอด้วยมือ

สิ่งที่ถูกตรวจสอบ

/favicon.ico คลาสสิกที่ root ขนาดของ apple-touch-icon (180×180, 152×152, 120×120) PNG favicons ที่ประกาศใน HTML web app manifest ของไซต์ (manifest.json) และ icons ที่อ้างอิง Open Graph image ที่ใช้โดยบัตรโซเชียล Toova ดึงแต่ละตัว แสดงขนาดและมิติ และตั้งธงสิ่งที่ขาดหายไป — เป็นประโยชน์สำหรับระบบออกแบบและการตรวจสอบแบรนด์

เฉพาะในเครื่อง

การดึงทำงานจากเบราว์เซอร์ของคุณ ขึ้นอยู่กับนโยบาย CORS ของไซต์เป้าหมาย URL ที่คุณตรวจสอบไม่เคยถูกส่งไปยังเซิร์ฟเวอร์ Toova — ไม่มีการบันทึกไซต์ใดที่คุณตรวจสอบ สิ่งนี้สำคัญเมื่อคุณกำลังรันการวิเคราะห์การแข่งขันหรือตรวจสอบ domain ที่ยังไม่เปิดตัว แท็บเครือข่ายจะแสดงคำขอไปยังไซต์เป้าหมาย ไม่ใช่ที่อื่น

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

ทำไมขนาด favicon มีมากมาย: บริบทต่างกันใช้ขนาดต่างกัน หน้าจอหลัก iOS ต้องการ 180×180 หน้าจอหลัก Android ใช้ icons ของ manifest (บ่อย 192×192 และ 512×512) แท็บเบราว์เซอร์เดสก์ท็อปใช้ 16×16 และ 32×32 จัดส่งทั้งหมดเป็นวิธีเดียวที่จะดูคมชัดทุกที่
ฉันยังต้องการ favicon.ico หรือไม่: ใช่ สำหรับเบราว์เซอร์เก่าและเครื่องมือที่มอง /favicon.ico โดยค่าเริ่มต้น แม้เบราว์เซอร์สมัยใหม่ก็ fallback เมื่อไม่มี favicon ที่ประกาศชัดเจน จัดส่งข้างๆ PNG variants
web app manifest คืออะไร: manifest.json (หรือ manifest.webmanifest) ประกาศ icons, ชื่อ และ theme color สำหรับเว็บแอปที่ติดตั้งได้ Android ใช้สำหรับการเตือนติดตั้งหน้าจอหลัก iOS อ่านชื่อและ icons เช่นกัน แม้คุณสมบัติบางตัวทำงานเฉพาะบน Android
ทำไมบางครั้งแสดงข้อผิดพลาด CORS: บางโฮสต์บล็อกการดึงภาพ cross-origin Toova ยังตรวจจับว่า icon มีอยู่หรือไม่โดยการตรวจสอบการตอบสนอง แต่ไม่สามารถเรนเดอร์ภาพในการดูตัวอย่าง เว็บไซต์จริงทำงานปกติเสมอ — นี่เป็นข้อจำกัดของเครื่องมือเท่านั้น
URL ที่ฉันตรวจสอบถูกบันทึกที่ใดหรือไม่: ไม่ Toova ไม่เห็น URL ที่คุณตรวจสอบ — คำขอไปจากเบราว์เซอร์ของคุณตรงไปยังไซต์เป้าหมาย