1. 程式人生 > >如何給網頁標題新增icon小圖示

如何給網頁標題新增icon小圖示

今天給大家分享的是如何在網頁標題中加入小圖示,就像CSDN前面那個紅色的C一樣。

主要介紹兩種方法:

1.在html檔案的head部分新增下面程式碼(注意href的路徑)。

<link rel="icon" type="image/x-icon" href="icon.ico" />
你的圖示格式最好是.ico格式的,手賤試了一下,發現png,jpg的格式都可以,而且瀏覽器會自動幫你把圖片尺寸縮放到16*16。不過.ico格式體積要小很多,另外注意透明度的問題,jpg和bmp格式的圖片會失去透明度,所以還是建議轉一下。如果不想下載圖片格式轉換工具或者icon圖示製作工具,這裡給一個線上轉換地址

2. 製作一個ico格式的圖示,為了相容性考慮,使用的顏色不要超過16色,這裡這個圖示的命名要求必須為favicon.ico。把這個圖示放到網站的根目錄下就可以了,頁面載入時瀏覽器會自動檢索這個圖示然後把它加到標題上。

我是夏爾點選名字可以訪問我的網站,以後會分享更多實際開發問題的解決方案。