最近在一本原文書”HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide“上看到一個很有趣的單字”Favicons“, 它是 Favorites Icon 的簡稱, 指的是大家所熟知的網頁小圖示, 也就是顯示在大部分瀏覽器 Address Bar 或 Bookmark Menu 的小圖示.
文中提及了幾個重點, 筆者在此跟大家分享一下, 如果你本身對此已經非常熟悉, 那麼就當成是溫故知新吧!
- Favicons 必須是 16 x 16 pixels 的 .ico 檔
- 以下是 (X)HTML 的語法, 第二行的語法是為了支援 Internet Explorer
<link rel=”shortcut icon” href=”favicon.ico” mce_href=”favicon.ico” type=”image/x-icon” />
<link rel=”icon” href=”favicon.ico” mce_href=”favicon.ico” type=”image/x-icon” /> - 部分瀏覽器會限制 Favicons 必須位於根目錄, 所以建議大家就遵循唄!
- 由於 Favicons 必須是 .ico 檔案格式, 因此你必須使用圖示編輯軟體來製作, 另一個比較簡單的方法是, 使用你我所熟悉的 Photoshop 軟體, 加上 Telegraphics 的免費 plug-in
- 建議將 Favicons 的背景設計為透明的, 這樣在視覺上會比較好看
