TToolsPilots

Favicon tekshiruvi

Istalgan saytning favicon sozlamalarini bir necha soniyada audit qiling

🔒 100% bepul · ro'yxatdan o'tishsiz · fayllar qurilmangizdan chiqmaydi

Loading tool…

A favicon that works on your laptop can still be broken everywhere else. The setup spans at least five different conventions: the legacy /favicon.ico at the root that browsers request even without any markup, PNG icons declared with link tags, the 180×180 apple-touch-icon that iOS uses for home-screen shortcuts, Android Chrome's icons inside site.webmanifest, and the modern SVG favicon. Miss one piece — or point a link tag at the wrong path — and some visitors see a generic globe instead of your brand.

This favicon checker audits any website in seconds: type a URL and it reads the page's HTML, extracts every icon declaration, and then actually fetches each file to confirm it exists and reports its size. You get a pass/fail checklist for the five essentials (favicon.ico, PNG icon, apple-touch-icon, high-resolution icon, web manifest), a table of every discovered file with live previews, and mockups of how the icon renders in a browser tab, in Google search results and on the iOS home screen — the three places your audience notices it most.

Nega Favicon tekshiruvi kerak

Verifying a fresh deployment

You just shipped a new favicon package — run the checker to confirm every file is reachable from the live domain, not just your dev server.

Hunting a 'missing favicon' bug

If your icon shows in one browser but not another, the per-file status table reveals exactly which asset 404s or which declaration is missing.

Auditing a client's site

Before a redesign handover, check the checklist and send a concrete fix list instead of a vague 'favicon looks off' note.

Confirming PWA installability

The manifest and 192px+ icon checks are exactly what Android requires before it offers an install prompt for your site.

Foydali maslahatlar

  • Hard-refresh first: browsers cache favicons aggressively, so a 'still broken' icon is often just a stale cache — the checker fetches fresh every time.
  • Keep /favicon.ico in the site root even when you declare PNG icons; browsers request it implicitly when viewing PDFs and in some legacy contexts.
  • An apple-touch-icon should be a solid PNG (no transparency) — iOS fills transparent pixels with black, which ruins dark logos.
  • If the 192px+ check fails but 32px passes, your icon set is fine for tabs but will look blurry on Android home screens and in Google results.
  • Run the checker after changing CDN or asset paths — moved files are the most common favicon regression after a migration.

Favicon tekshiruvidan qanday foydalanish

  1. 1Istalgan sayt URL manzilini kiriting
  2. 2Faviconni tekshirish tugmasini bosing
  3. 3Checklist va topilgan fayllarni ko'rib chiqing
  4. 4Ikonkaning tablarda, Google natijalarida va iOS uy ekranida qanday ko'rinishini tekshiring

Ko'p beriladigan savollar

Nega mening favicon'im ko'rinmayapti?

Odatda uch sababdan biri: fayllar mavjud emas (yoki 404 qaytaradi), link teglari noto'g'ri manzilga ishora qiladi, yoki brauzer eski ikonkani keshlagan. Bu tool qaysi fayllar mavjud va qaysilari yo'qligini aniq ko'rsatadi.

Aniq nima tekshiriladi?

HTML'da e'lon qilingan barcha ikonkalar (rel=icon, apple-touch-icon, mask-icon), ulanishgan web app manifest va sayt ildizidagi implicit /favicon.ico. Har bir fayl yuklab olinib, mavjudligi va o'lchami tasdiqlanadi.

Istalgan saytni tekshira olamanmi?

Ha — istalgan ochiq saytni. Maxfiylik uchun lokal/maxsus manzillar bloklangan. Sahifa serverimizdan bir marta yuklanadi, chunki brauzerlar saytlararo HTML o'qishni bloklaydi (CORS).

Batafsil o'qing

O'xshash vositalar