今天心血來潮,想給自己的小破站整點兒新花樣,琢磨著換個favicon圖標,就是瀏覽器標簽頁上顯示的那個小圖標,讓它看起來更個性化一點。這玩意兒雖然小,但也能體現(xiàn)出一個網站的“門面”嘛
于是我就開始折騰之旅。我還想著自己能不能畫一個,畢竟咱也算是個“靈魂畫手”(自認為)。
我先是搜下“favicon圖標生成”,出來一堆在線工具,看得我眼花繚亂。我隨便點進去一個叫“*”的網站,還真能在線畫!界面看起來還挺時髦的,有點那個什么Web2.0的感覺(雖然我也不太懂)。
我興致勃勃地在上面涂涂畫畫,畫半天,感覺自己畫出來的東西……emmm……怎么說,有點慘不忍睹??磥?,術業(yè)有專攻,這畫圖標也不是誰都能干的。
然后我又試它那個導入圖片生成的功能,把自己頭像傳上去,結果生成的圖標要么變形,要么模糊,效果都不太理想??磥?,直接用現(xiàn)成的圖片也不太行。
我又換幾個別的在線工具,有的能用字母生成圖標,有的能用各種現(xiàn)成的圖案,還有的甚至能用字體圖標!我看到一個網站,好像是叫啥“Font Awesome”的,說能用字體做圖標,還挺酷炫。
不過我試一圈,這些工具生成的圖標,要么就是太簡單,要么就是跟我的網站風格不太搭??磥?,想找到一個完全滿意的圖標,還真不是一件容易的事。
折騰一下午,我都有點想放棄。不過作為一個有強迫癥的博主,怎么能容忍自己的網站沒有一個好看的favicon?
我想到一個辦法:既然自己畫不行,找現(xiàn)成的也不行,那就找個差不多的,然后自己稍微改改!
我找到一個在線工具,它提供很多基礎的圖形,可以自定義顏色。我選一個比較簡潔的圖形,然后把顏色調成和我網站主題色差不多的,看起來還不錯!
然后,我用截圖工具把這個圖標截下來,保存成PNG格式。再用另一個在線工具(名字我忘,反正就是能把PNG轉成ICO的)把PNG圖片轉成ICO格式,因為favicon好像必須是ICO格式的才行。
終于,我得到一個還算滿意的favicon圖標!
一步,就是把這個圖標上傳到我的網站服務器,然后在網頁代碼里加上一段代碼,告訴瀏覽器這個圖標在哪兒。具體代碼我就不寫,反正網上一搜一大堆。
刷新一下網頁,看到瀏覽器標簽頁上終于顯示出我新做的圖標,心里還是有點小激動的!
雖然過程有點曲折,但最終還是實現(xiàn)!以后再有人訪問我的小破站,也能看到這個獨一無二的favicon圖標!
今天的分享就到這里,希望對大家有所幫助!