為什麼有這麼多 favicon 尺寸?

不同情境用不同尺寸。iOS 主畫面需要 180×180。Android 主畫面使用 Manifest 中的圖示(通常 192×192 與 512×512)。桌面瀏覽器分頁用 16×16 與 32×32。只有全部都提供,才能在所有地方看起來銳利。

還需要 favicon.ico 嗎?

需要,為了那些預設會看 /favicon.ico 的舊瀏覽器與工具。即使是現代瀏覽器,在沒有明確宣告 favicon 時也會退回到它。請與 PNG 變體一起提供。

Web App Manifest 是什麼?

manifest.json(或 manifest.webmanifest)會為可安裝的 Web App 宣告圖示、名稱與主題色。Android 在主畫面安裝提示時會用它。iOS 也會讀取名稱與圖示,雖然部分屬性只在 Android 上生效。

為什麼有時會出現 CORS 錯誤?

部分主機會封鎖跨來源圖片抓取。Toova 仍能透過回應偵測該圖示是否存在,但無法在預覽中渲染圖片。實際網站本身運作正常——這只是工具上的限制。

我查的 URL 會被記錄嗎?

不會。Toova 看不到您查的 URL——請求是從您的瀏覽器直接送往目標網站。

Favicon 檢查工具 — 檢查任意網站的 favicon

Favicon 檢查工具

注重隱私的設計 — 完全在您的瀏覽器中執行

檢查網站提供的 favicon——包括舊版 ICO 檔、現代 PNG 變體、Apple touch icon 與 Web App Manifest。Toova 會在您的瀏覽器中抓取並預覽它們,讓您能稽核自家網站或與競爭對手比較。

為什麼 favicon 這麼亂

瀏覽器、行動平台、社群卡片、RSS 閱讀器與瀏覽器擴充功能會從不同位置尋找 favicon——/favicon.ico、/apple-touch-icon.png、Manifest、Meta 標籤。只提供 /favicon.ico 的網站會在每一個現代情境中錯過。Toova 會檢查所有常見位置、顯示結果,並列出缺漏的項目,讓您不必手動發請求就能稽核自家網站。

會檢查什麼

根目錄下的經典 /favicon.ico。Apple touch icon 的各種尺寸(180×180、152×152、120×120)。HTML 中宣告的 PNG favicon。網站的 Web App Manifest(manifest.json)以及它所引用的圖示。社群卡片所用的 Open Graph 圖像。Toova 會逐一抓取每一個項目、顯示大小與尺寸,並標出缺漏的項目——對設計系統與品牌稽核非常有用。

純本機運作

抓取從您的瀏覽器直接送出,並受目標網站 CORS 政策限制。您檢查的 URL 從不會被送到 Toova 的伺服器——沒有人記錄您查了哪些網站。當您要做競爭分析或檢查尚未發表的網域時,這特別重要。Network 分頁只會顯示對目標網站的請求,不會出現對其他位置的請求。

常見問題

為什麼有這麼多 favicon 尺寸?: 不同情境用不同尺寸。iOS 主畫面需要 180×180。Android 主畫面使用 Manifest 中的圖示(通常 192×192 與 512×512)。桌面瀏覽器分頁用 16×16 與 32×32。只有全部都提供,才能在所有地方看起來銳利。
還需要 favicon.ico 嗎?: 需要,為了那些預設會看 /favicon.ico 的舊瀏覽器與工具。即使是現代瀏覽器,在沒有明確宣告 favicon 時也會退回到它。請與 PNG 變體一起提供。
Web App Manifest 是什麼?: manifest.json(或 manifest.webmanifest)會為可安裝的 Web App 宣告圖示、名稱與主題色。Android 在主畫面安裝提示時會用它。iOS 也會讀取名稱與圖示,雖然部分屬性只在 Android 上生效。
為什麼有時會出現 CORS 錯誤?: 部分主機會封鎖跨來源圖片抓取。Toova 仍能透過回應偵測該圖示是否存在,但無法在預覽中渲染圖片。實際網站本身運作正常——這只是工具上的限制。
我查的 URL 會被記錄嗎?: 不會。Toova 看不到您查的 URL——請求是從您的瀏覽器直接送往目標網站。