| « 台灣蠻野心足生態協會 | 在Apache2伺服器加上SSL功能 » |
現在的網頁瀏覽器多半具有「頁籤」功能,讓使用者同時觀看各個網站。各頁籤的名稱除了當前網頁的標題外,也會顯示出網頁的favorite icon,也就是「favicon.ico」。例如網主常常逛的Google、蕃薯藤
、Debian
以及自由軟體技術交流網
…等等,其獨特的favicon能夠我輕易在許多頁籤中辨識出想找的網頁(嗯…同時開太多頁籤也不是好事…)。但每次看到自己網誌呈現的是空白favicon,心裡頭總感到缺少了點什麼…一不做二不休,乾脆今天就把favicon弄出來!
利用搜尋引擎找到了認證論壇以及MI-2烘焙雞教學文件,了解製作及使用方法。然後利用GIMP畫出了自己第一個favicon,也就是大家現在看到的那個藍色的「」。其實畫了好幾個圖案,看了老半天這個藍色R是最好看的…看來網主得多學學美術相關知識。
讓網頁顯示favicon的方法有幾種。第一種是把 ICO 圖檔命名為 favicon.ico 放在網址的根目錄下即可,可惜網主沒試成功。若不行則試試第二種,在<head>和</head>之間加入如下<LINK REL="SHORTCUT ICON" HREF="XYZ.ico">,網主就是用這個方法,但這得每個網頁都修改…有點麻煩。第三種則是ico 用 .png 格式儲存,在<head>和</head>加入<LINK REL="icon" HREF="XYZ.png" TYPE="image/png">。
另外發現瀏覽器會把favicon存起來,導致更換favicon後卻看不到改變,這時候把瀏覽器的快取空間清一清就好了。大家一起來玩favicon吧!
最新迴響