Ico將不會顯示在標籤上

Question

使用converticon.com，我將我的圖標PNG文件轉換爲ico文件。我把下面的代碼在我的腦海標籤：

<link rel="shortcut icon" href="icons/icon.ico"> 

我仔細檢查了該文件是在適當的位置。該圖像具有讀取和寫入功能。然後，我在瀏覽器中加載了頁面，但我所得到的只是一個帶有虛線邊框的空方框。我正在使用XAMPP服務器。爲什麼不顯示圖像？

Answer 1

你嘗試在多個瀏覽器測試呢？不同的瀏覽器以不同方式處理收藏圖像。

這裏有一些你可以嘗試的東西。

清除緩存

• 刪除您的收藏夾您的鏈接的所有引用。
• 清除瀏覽器中的文件緩存。
• 關閉目標瀏覽器的所有實例。
• 重新打開瀏覽器並導航到您的網站。

強行刷新

• 如果您使用的是Mozilla Firefox，那麼你應該：
• 導航到你的網站
• 瀏覽到您的收藏的圖標如的確切位置。 www.site.com/favicon.ico。
• 右鍵單擊瀏覽器窗口並選擇刷新。

完成此操作後，Firefox將強制重新加載圖標，而不是緩存的版本。 「/favicon.ico」，這是相對於服務器根：瀏覽器

用於指定的第二方法的圖標依賴於使用預定義的URI來識別圖像的

默認行爲。這種方法的工作原理是因爲一些瀏覽器已經被編程爲使用該URI來尋找收藏夾圖標，因此我建議將該收藏夾圖標放在根目錄中，並查看是否有效。 （也將圖標重命名爲favicon.ico）。

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> 

圖片格式

有時沒有與圖標的格式問題。如果您在所有網絡瀏覽器中遇到問題，您可以將圖標轉換爲gif或png，然後查看是否可以解決問題。

強制瀏覽器更新圖標

您可以強制瀏覽器通過傳遞一個URL參數來更新您的圖標。使用ver參數，您可以在每次要強制下載新文件時增加版本號。

將此添加到您的標記。

<link rel="shortcut icon" href="/favicon.ico?ver=2.0" type="image/x-icon"/> 

Answer 2

嘗試添加type屬性。例如：

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> 

Answer 3

只需將圖標在您的網站的根目錄，如「example.com/favicon.ico」（確保它被命名雖然爲favicon.ico），並完全消除上述鏈接元素。如果瀏覽器不存在，默認情況下，瀏覽器將默認檢查這個位置是否爲favicon，甚至IE。

完成此操作後，請務必在測試時清除緩存。

Answer 4

爲毫安（假設XAMP相同/相似），你會做以下幾點：

- With MAMP running/open, hit the "Stop" button. 
- Then go to: File > Edit Template > Apache httpd.conf 
- Comment out lines: 
    #Alias /favicon.ico "/Applications/MAMP/bin/favicon.ico" 
    #Alias /icons/ "/Applications/MAMP/Library/icons/" 
- Place your favicon.ico file in your site's root directory 
- Start MAMP 

你或許可以做各種瘋狂的東西在這裏。個人在開發過程中從不擔心favicon。

順便說一句 - 你不必完全清除瀏覽器的緩存。只需瀏覽到favicon並刷新它.... localhost：8888/favicon.ico