ICO圖標的制作

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

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

在地址欄顯示你的圖標

將轉換好的ICO文件復制到你的網站文件夾根目錄下。如果你的網站只使用一個默認的圖標，那么就將它命名為favicon.ico，命名為網站域名的名稱也可以（舉例，域名為www.google.com，則命名為google.ico即可）。一般瀏覽器會默認讀取該文件。有些國內瀏覽器如360等不顯示是因為瀏覽器設置禁止了顯示圖標的功能。

如果某頁面有特殊要求呢？那么就在頁面head標簽內部加入以下代碼：

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。