如上圖分頁Google+前面的ico就是了!!!

這個功能已經是網頁設計必備了，但無疑的我還是常常忘記是根本就會忘記....

 

首先呢!你要先有圖，好像在廢話ಠ_ಠ

1.設計自己的logo

2.存成16*16的size，依照自己的喜好看要存透明的png或什麼的圖片檔

3.線上圖片轉ico，其實很多網站都有....可自行goole....

ConvertICO.com

http://www.convertico.com/

 

再把圖命名為favicon.ico，存在網頁目錄裡!

 

在html裡面的<head>之間加入此段語法

<link rel="icon" href="favicon.ico" type="image/x-icon" />

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

 

就可以了唷!（・∀・）

很簡單吧!!!但踏馬的我就是每次忘，記憶力有沒有那麼......

還蠻肖想這個功能可以在css裡完成，但好像不行!>д<

 

結果不知道為什麼favicon.ico在本機都看不到，覺得OOXX點點點。

 

後來發現可以直接讀取PNG或GIF檔耶!

<link rel="icon" type="image/gif" href="favicon.gif" />

<link rel="icon" type="image/png" href="favicon.png" />

 

 

 

 

 

 

 

arrow
arrow
    文章標籤
    favicon.ico
    全站熱搜

    Kaikai凱開 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄