介紹 Favicon.ico 重點觀念

  分享到噗浪!

應該也是有人不知道什麼是 favicon.ico 吧? 底下這張圖紅色框線的地方就是網站的小圖示,這就是我要說的 Favicon ( 全名是:Favorite Icon )

先介紹幾個好用的網址:

  1. favico.js (2013/9/14新增)
    favico.js - Make a use of your favicon
  2. FavIcon Cheat Sheet (2013/9/8新增)
    https://github.com/audreyr/favicon-cheat-sheet
  3. Understand the Favicon (2013/1/24新增)
    http://www.jonathantneal.com/blog/understand-the-favicon/
  4. favicon.ico Generator  -- 超級好用的啦!極力推薦!
    http://www.favicon.cc/
  5. FAVICON GENERATOR & GALLERY
    http://www.favicon.co.uk/
  6. 另一個線上轉換 Favicon.ico 的網站
    http://www.chami.com/html-kit/services/favicon/
  7. Favicon - Wikipedia, the free encyclopedia
    http://en.wikipedia.org/wiki/Favicon
  8. MSDN - How to Add a Shortcut Icon to a Web Page
    http://msdn.microsoft.com/library/default.asp?url=/workshop/Author/dhtml/howto/ShortcutIcon.asp
  9. HOWTO: Serving up default favicon.ico and robots.txt files with apache
    http://laffey.tv/favicon_error_logs.html

 

Favicon.ico 重點觀念釐清

  • 當 IE Browser 第一次連到該網站時,會先去網站的根目錄下找有沒有 favicon.ico 檔案。例如:http://www.miniasp.com/favicon.ico
  • 否則就需要在頁面中指定   <LINK REL="SHORTCUT ICON" HREF="/myicon.ico">  才可以找到非預設路徑的 Favorite Icon 檔案。
  • 但是,第一次「無論」找的到或找不到該 Icon,都不會再找第二次!!這點非常重要,所以每次更新 Favorite Icon 檔時,如果要馬上能看到更新,最好換檔名!

 

將 favicon.ico 圖示檔加入你的網頁的方式:

<HEAD> 
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
<TITLE>My Title</TITLE>
</HEAD>

此文章由 will 發表於 2007/12/18 上午 04:41:00

永久連結 | 評論 (3) | 此文章的RSSRSS comment feed |

分類: Web

標籤:

評論

八月 9. 2011 00:36

Aramis

不小心挖到這篇 :P
保哥的首頁(http://blog.miniasp.com)使用IE9開的時候,網址列及頁簽上不會顯示favicon,可是文章點進去後就會有,唯獨首頁沒有?
我發現只有IE有這毛病,Firefox、Google Chrome、Safari都是正常的,不會是IE的BUG吧!

Aramis Taiwan

八月 9. 2011 04:27

Will 保哥

Aramis: 我的 IE 目前無此問題,但有時後會這樣,不清楚原因。 ^^

Will 保哥 Taiwan

二月 28. 2012 18:16

阿飞

学习了。刚遇到关于favicon的问题。fiddler可以监测到404,但是浏览器自己的工具无法监测。

阿飞 People's Republic of China

新增評論


( 您輸入的Email不會顯示於網站上 )

  Country flag

biuquote
  • 評論
  • 線上預覽
Loading