網站圖示不顯示？檢查檔案、引用和快取

選一個縮小後仍易辨識的圖案

儘量使用簡單的方形標誌，避免複雜照片或很長的文字標識。檢查產生器中的 16 像素預覽。ZIP 包含多尺寸 ICO、PNG 圖示、網站清單和 HTML 示例；原圖為支援的 SVG 時，可先轉為 PNG。

上傳檔案並測試實際網址

解壓 ZIP，把需要的圖示上傳到自己的網站。在瀏覽器中開啟準備引用的圖示網址，確認返回的是圖片，而非登錄頁、404 頁面或其他 HTML。以示例代碼為起點，把路徑改為真實上傳位置。僅產生網站清單並不會讓網站自動成為可安裝應用。

平臺有圖示設置時優先使用

主題或網站編輯器可能已管理圖示代碼。優先通過其設置更新圖示，避免插入多個相互衝突的標籤。自定義頁面可檢查最終 head 中的 rel="icon" 與 Apple touch icon 引用。即使服務器上檔案正確，頁面指向錯誤路徑仍不會生效。

區分快取延遲與安裝錯誤

更新後清除網站或 CDN 快取，並使用新的瀏覽器會話測試。瀏覽器可能在刷新頁面後仍保留舊圖示。搜索結果會獨立抓取和顯示圖示，因此標籤頁圖示正確，不代表搜索結果立即更新。路徑錯誤或頁面快取未更新時，反覆產生圖示並不能解決問題。

Continue with a related tool