ICO圖標(biāo)的制作

第一步，簡單的ICO圖標(biāo)只需要一張圖片，JPG、PNG、GIF都可以。可以用GIF就意味著你還可以做個有動畫效果的高級圖標(biāo)O(∩_∩)O，不過不推薦這么做，因?yàn)镚IF動畫文件比較大，會延遲頁面加載速度。【注意】圖片必須為16px * 16px大小。

第二步，使用網(wǎng)上在線圖標(biāo)轉(zhuǎn)換的服務(wù)，將圖片文件轉(zhuǎn)換為ICO圖標(biāo)。比如：http://free.logomaker.cn/tools/icoMaker.aspxhttp://free.logomaker.cn/tools/icoMaker.aspx【注意】IE同志的要求比較高，自己把后綴名改為ico的做法，他是不承認(rèn)滴，這個蛋疼的問題曾讓我糾結(jié)了很久。

在地址欄顯示你的圖標(biāo)

將轉(zhuǎn)換好的ICO文件復(fù)制到你的網(wǎng)站文件夾根目錄下。如果你的網(wǎng)站只使用一個默認(rèn)的圖標(biāo)，那么就將它命名為favicon.ico，命名為網(wǎng)站域名的名稱也可以（舉例，域名為www.google.com，則命名為google.ico即可）。一般瀏覽器會默認(rèn)讀取該文件。有些國內(nèi)瀏覽器如360等不顯示是因?yàn)闉g覽器設(shè)置禁止了顯示圖標(biāo)的功能。

如果某頁面有特殊要求呢？那么就在頁面head標(biāo)簽內(nèi)部加入以下代碼：

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

上面代碼是控制地址欄圖標(biāo)的，如果想要在用戶加入收藏夾時也顯示該圖標(biāo)，就加入以下代碼：

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

總結(jié)

以上是生活随笔為你收集整理的浏览器地址栏和标题栏显示的小图标的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。