2015-09-15 51 views
0

我已經看過如何實現一個favicon的非常簡單的實現。favicon不加載簡單的實現

下面的代碼是我的網站的登陸頁面上:

<!-- Icon --> 
<link rel="icon" type="image/jpg" href="Pictures/logo.jpg"> 

奇怪的圖標沒有加載,我是否需要加載一個特定的庫?我知道圖像不一定需要壓縮成16x16圖像。謝謝您的幫助!

+0

你確定你的文件夾名爲'Picture'(大寫'P')嗎?你在Linux/Unix上運行嗎? – D4V1D

+1

您是否檢查瀏覽器的控制檯輸出以驗證它是否至少嘗試加載圖像? –

回答

1

使用jpg文件不建議用於favicons(順便說一下,IE不支持它)。建議使用所有瀏覽器支持的icopng格式。

還建議將文件放在網站的根目錄中。某些瀏覽器僅在根中支持favicons

但是,創建在所有瀏覽器(包括智能手機和平板電腦)中看起來都不錯的favicon文件非常複雜。檢查this article瞭解更多詳情,它包含一個非常好的發生器。

+0

我現在遇到的唯一問題是網址旁邊的圖標,奇怪的是favicon只加載瀏覽器選項卡,但不是旁邊的網址 – Max

+0

您使用的是Chrome嗎? Chrome不支持地址欄中的「favicon」。查看[Wikipedia上的文章](https://en.wikipedia.org/wiki/Favicon),瞭解不同瀏覽器支持favicon的方式。 –