更新時間：2025-09-09 12:26:28
開發經驗
722經常喜歡上網的人會發現，當你打開一個網站后，在瀏覽器地址欄最前面有一個小圖標，這個是可以自己添加的。我們所看到的網站幾乎大部分都有這個圖標的，像大到BAT，小到個人站長。假如你上線了一個的新網站，想在瀏覽器打開網站后，能看到自己設計的圖標，下面我就以我自己博客為例來說一下怎么添加這個小圖標吧，希望對新手或者不懂的同學有所幫助!
首先，準備一個ICO格式的文件。這個文件需要自己制作一下，剛開始準備好你想顯示的那個logo圖片吧，圖片盡量選用PNG格式的，選擇16*16像素備用。然后在百度上搜索一下ICO圖標在線制作，會有很多工具可以使用的。當然了，你可以用favicon.ico在線轉化工具，把圖片轉化為favicon.ico的站點圖標。推薦兩款在線轉化的工具：
ico在線轉化工具站點1：http://www.ico.la/;
ico在線轉化工具站點2：http://www.chami.com/html-kit/services/favicon/;
在這里我就以百度上面的那個應用為例截圖看看：
打開圖片，把存放在本地電腦上那個圖片導入進來，看我導入我自己的是這個樣子的，以“曹”字為例，選好尺寸為16*16，然后保存ICO，就可以把ICO文件保存好到本地，將轉換好的ico文件改名為favicon.ico，這個文件也就算是完成了，看下圖所示：
然后，將你存放于本地上的ICO文件用FTP工具上傳到你網站的跟目錄，我自己上傳的截圖出來看看吧，看下圖所示：
其次就是在你網站源碼，index頁面中代碼中，在head標簽中添加代碼：，接著就是保存啦。以我博客為例來個截圖：
最后，在你在服務器上保存好了，就生效了，你可以打開瀏覽器重新輸入你網址，看看是不是你剛才那個設計的小圖標出來了呢，是不是挺簡單的。
我們專注高端建站，小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！
