應該也是有人不知道什麼是 favicon.ico 吧? 底下這張圖紅色框線的地方就是網站的小圖示,這就是我要說的 Favicon ( 全名是:Favorite Icon )
先介紹幾個好用的網址:
- favico.js (2013/9/14新增)
favico.js - Make a use of your favicon
- FavIcon Cheat Sheet (2013/9/8新增)
https://github.com/audreyr/favicon-cheat-sheet
- Understand the Favicon (2013/1/24新增)
http://www.jonathantneal.com/blog/understand-the-favicon/
- Favicon & App Icon Generator (2018/1/3新增) -- 可以產生多平台的 Icons
https://www.favicon-generator.org
- favicon.ico Generator -- 超級好用的啦!極力推薦!
http://www.favicon.cc/
- FAVICON GENERATOR & GALLERY
http://www.favicon.co.uk/
- 另一個線上轉換 Favicon.ico 的網站
http://www.chami.com/html-kit/services/favicon/
- Favicon - Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Favicon
- 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
- HOWTO: Serving up default favicon.ico and robots.txt files with apache
http://laffey.tv/favicon_error_logs.html
Favicon.ico 重點觀念釐清
將 favicon.ico 圖示檔加入你的網頁的方式:
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
<TITLE>My Title</TITLE>
</HEAD>