TToolsPilots

Проверка фавиконки

Проверьте настройку фавиконки любого сайта за секунды

🔒 100% бесплатно · без регистрации · файлы не покидают ваше устройство

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.

Зачем нужен Проверка фавиконки

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.

Полезные советы

  • 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.

Как пользоваться: Проверка фавиконки

  1. 1Введите URL любого сайта
  2. 2Нажмите «Проверить фавиконку»
  3. 3Изучите чек-лист и найденные файлы
  4. 4Посмотрите, как иконка выглядит во вкладках, Google и на домашнем экране iOS

Часто задаваемые вопросы

Почему моя фавиконка не отображается?

Обычно одна из трёх причин: файлы отсутствуют (или отдают 404), link-теги указывают на неверные пути, или браузер закешировал старую иконку. Этот инструмент показывает, какие файлы доступны, а какие пропали.

Что именно проверяется?

Все иконки, объявленные в HTML (rel=icon, apple-touch-icon, mask-icon), подключённый web app manifest и неявный /favicon.ico в корне сайта. Каждый файл загружается, чтобы подтвердить его существование и размер.

Можно проверить любой сайт?

Да — любой публичный сайт. Приватные/локальные адреса заблокированы. Страница один раз загружается нашим сервером, потому что браузеры блокируют межсайтовое чтение HTML (CORS).

Читайте также

Похожие инструменты