什麼是 Favicon & Icon Checker？
A favicon checker shows whether your site’s icons are declared correctly and actually reachable — the small images browsers, Google Search, iOS, and Android use to represent your brand. Paste any public URL and this website icon tester fetches the page server-side, reads every relevant <link> and <meta> tag (rel=icon, apple-touch-icon, mask-icon, manifest, theme-color, msapplication tiles), probes /favicon.ico even when undeclared, then validates each asset for HTTP status, content type, dimensions, and format. You get platform previews (browser tab, Google SERP, iOS home screen, Android/PWA), a pass/warn/fail checklist, and concrete HTML fixes for missing pieces. Use it before a launch, after a redesign, or when Google Search is not showing your favicon. It does not generate icon packages — it only audits what your site already serves — and requires no login.
如何使用 Favicon & Icon Checker
- Paste the full website URL (https://example.com) and click Check favicon.
- Wait while the tool fetches the HTML and each referenced icon or manifest file.
- Review the overall score and platform previews for desktop, Google, iOS, and Android.
- Open the checklist for pass/warn/fail details and read the How to fix steps.
- Copy recommended HTML for any missing tags, deploy the fixes, then re-check.
常見用途
- Auditing favicon and touch-icon markup before a site launch
- Diagnosing why Google Search is not showing a site favicon
- Checking Android/PWA manifest icons (192 and 512) after a redesign
常見問題
- Why is my favicon missing in the browser?
- Common causes are a broken icon URL (404), no <link rel="icon"> in the head, caching of an old icon, or only declaring apple-touch-icon without a desktop favicon. This favicon checker lists every declaration and whether each file is reachable.
- What size favicon does Google Search need?
- Google recommends a square favicon of at least 48×48 pixels (multiples of 48 are preferred), crawlable at a stable URL. SVG can work when it resolves to a usable icon. This tool flags icons that are too small or non-square.
- What size should apple-touch-icon be?
- Prefer 180×180 PNG for modern iPhones. Avoid relying on transparency — iOS may fill transparent areas with black. Declare it with <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.
- Do I still need favicon.ico?
- Yes for legacy browsers, some PDF viewers, and older bookmarks. Keep /favicon.ico (often containing 16, 32, and 48 px) alongside a modern PNG or SVG favicon.
- Do browsers support SVG favicons?
- Chromium and Firefox support SVG favicons via <link rel="icon" type="image/svg+xml">. Safari support is more limited, so pair SVG with PNG and favicon.ico for broad coverage.
