世間事最難者莫過於人際溝通、思想交流,故有智慧者必善於溝通。
 
« 台灣蠻野心足生態協會在Apache2伺服器加上SSL功能 »

在網址列前加上小圖

2005-09-10

在網址列前加上小圖

固定網址 01:24:40, 作者 Ren 電子郵件 , 18 詞彙   Trad. Chinese (TW)
分類: 網誌歷程

  現在的網頁瀏覽器多半具有「頁籤」功能,讓使用者同時觀看各個網站。各頁籤的名稱除了當前網頁的標題外,也會顯示出網頁的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吧!

沒有回應