瀏覽器地址欄顯示網站logo小圖標
編輯
分享
評論
贊0
很多人瀏覽某個網站的時候，都會看到一些網站用瀏覽器打開后，瀏覽器地址欄顯示該網站的logo ，比如百度的腳印，網易的易字等等。收藏夾也顯示這個logo 圖標，如何做到在地址欄顯示網站小圖標呢？很簡單。
這是因為他們在網站根目錄下放了一個favicon.ico文件
如何制作Favicon.ico
制作Favicon.ico的方法相當簡單，首先，利用圖形工具（ps或者fireworks等等都行）創建大小為16×16或者32×32的反映網站主題的圖片。制作好后，使用icon.exe之類的小程序即可將圖片轉換為以Icon為后綴的文件，命名為favicon.ico。制作icon的軟件很多，到網上輸入：icon生成器就可以找到很多了。
然后把favicon.ico放到網站根目錄下即可。再次打開網址，就可以看到瀏覽器出現網站圖標了。
瀏覽器地址欄顯示網站logo小圖標
總之，原理就是瀏覽器調用Favicon的原則是首先在網頁所在的目錄下尋找Favicon.ico文件，如果沒有，便到網站的根目錄下尋找。因此，在網頁中使用Favicon最簡單的辦法便是將制作好的圖標文件命名為Favicon.ico，然后將其上傳到網站的根目錄即可。
如果想在不同的頁面顯示不同的網站圖標，也可以在其他頁面Html中的＜head＞部分加入如下的代碼：
程序代碼: <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
猜你喜歡