How do I check if my favicon is set up correctly?

Enter your website URL and Favico fetches the page's HTML head, lists every declared icon — favicon.ico, apple-touch-icon, and web manifest icons — and flags anything that is missing or misconfigured.

Why is my favicon not showing up?

The usual causes are having only a favicon.ico with no apple-touch-icon or web manifest, an incorrect file path, aggressive browser caching, or a missing 32×32 PNG. The checker pinpoints which one applies to your site.

Do I need more than a favicon.ico?

Yes. Modern setups also need an apple-touch-icon.png for iOS and a site.webmanifest referencing 192×192 and 512×512 PNGs for Android and PWAs, in addition to favicon.ico.

Is the favicon checker free?

Yes, it is free to use and requires no sign-up.

ตรวจสอบ Favicon - วิเคราะห์การตั้งค่า Favicon ของเว็บไซต์ | Favico - เครื่องมือออนไลน์ฟรีสำหรับ Favicon, รูปภาพ & SVG

บทสรุป (TL;DR)

การตรวจสอบความถูกต้องเป็นสิ่งสำคัญ: Favicon ที่เสียไม่ใช่แค่ไอคอนหายไป แต่มันทำให้เกิดข้อผิดพลาด 404 ในบันทึกเซิร์ฟเวอร์และลดภาพลักษณ์ของแบรนด์
การวิเคราะห์ที่ครอบคลุม: เครื่องมือนี้จะรวบรวมข้อมูลเว็บไซต์ของคุณเหมือนเบราว์เซอร์เพื่อตรวจสอบ favicon.ico, ไอคอน PNG, Apple Touch Icons และ Web Manifests
ข้อเสนอแนะที่นำไปใช้ได้จริง: รับรายงานเฉพาะเกี่ยวกับการเข้าถึงไฟล์ ความไม่ตรงกันของขนาด และความถูกต้องของรูปแบบ

ทำไมต้องตรวจสอบ Favicon?

การติดตั้ง favicon ดูเหมือนง่าย แต่ในทางปฏิบัติมักเกิดความล้มเหลวที่มองไม่เห็น ระบบนิเวศของเบราว์เซอร์สมัยใหม่ (Desktop, Android, iOS) ล้วนมีข้อกำหนดที่แตกต่างกัน

Browser Caching: เบราว์เซอร์ในเครื่องจะแคช favicon ไว้อย่างหนัก มักจะซ่อนปัญหาที่ผู้เยี่ยมชมใหม่เห็น
มาตรฐานที่แยกส่วน: คุณต้องการมากกว่าแค่ favicon.ico อุปกรณ์ Apple มองหา apple-touch-icon Android และ PWA มองหา site.webmanifest
การกำหนดค่าเซิร์ฟเวอร์: เส้นทางที่ถูกต้องใน HTML จะไม่มีความหมายหากเซิร์ฟเวอร์ของคุณส่งคืน 403 หรือประเภท MIME ที่ผิด

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

เครื่องมือวิเคราะห์ของเราดำเนินการตรวจสอบหลายขั้นตอน:

HTML Parsing: เราสแกน <head> เพื่อหาลิงก์ไอคอนที่ประกาศไว้ทั้งหมด
Manifest Validation: เราตรวจสอบว่าขนาดที่ประกาศใน Web Manifest ตรงกับไฟล์จริงหรือไม่
การเข้าถึง: เราพยายามดาวน์โหลดแต่ละไอคอนเพื่อยืนยันว่าส่งคืนสถานะ 200 OK
รูปแบบและขนาด: เราตรวจสอบข้อมูลไบนารีเพื่อให้แน่ใจว่าไฟล์เป็นรูปภาพที่ถูกต้องและขนาดตรงกัน
การค้นหาโดยนัย: เราตรวจสอบเส้นทางมาตรฐานเช่น /favicon.ico

Root Fallback: มี favicon.ico ที่รูท (/favicon.ico) เสมอ
SVG สำหรับยุคใหม่: ใช้ SVG favicon เพื่อความเป็นอิสระจากความละเอียด
Manifest: กำหนดไอคอนแยกใน manifest.json
Cache Busting: ใช้ query string (เช่น ?v=2) เมื่ออัปเดต

ตรวจสอบ Favicon