經(jīng)常喜歡上網(wǎng)的人會(huì)發(fā)現(xiàn)，當(dāng)你打開(kāi)一個(gè)網(wǎng)站后，在瀏覽器地址欄最前面有一個(gè)小圖標(biāo)，這個(gè)是可以自己添加的。我們所看到的網(wǎng)站幾乎大部分都有這個(gè)圖標(biāo)的，像大到BAT，小到個(gè)人站長(zhǎng)。假如你上線了一個(gè)的新網(wǎng)站，想在瀏覽器打開(kāi)網(wǎng)站后，能看到自己設(shè)計(jì)的圖標(biāo)，下面我就以我自己博客為例來(lái)說(shuō)一下怎么添加這個(gè)小圖標(biāo)吧，希望對(duì)新手或者不懂的同學(xué)有所幫助!

首先，準(zhǔn)備一個(gè)ICO格式的文件。這個(gè)文件需要自己制作一下，剛開(kāi)始準(zhǔn)備好你想顯示的那個(gè)logo圖片吧，圖片盡量選用PNG格式的，選擇16*16像素備用。然后在百度上搜索一下ICO圖標(biāo)在線制作，會(huì)有很多工具可以使用的。當(dāng)然了，你可以用favicon.ico在線轉(zhuǎn)化工具，把圖片轉(zhuǎn)化為favicon.ico的站點(diǎn)圖標(biāo)。推薦兩款在線轉(zhuǎn)化的工具：

ico在線轉(zhuǎn)化工具站點(diǎn)1：http://www.ico.la/;

ico在線轉(zhuǎn)化工具站點(diǎn)2：http://www.chami.com/html-kit/services/favicon/;

在這里我就以百度上面的那個(gè)應(yīng)用為例截圖看看：

打開(kāi)圖片，把存放在本地電腦上那個(gè)圖片導(dǎo)入進(jìn)來(lái)，看我導(dǎo)入我自己的是這個(gè)樣子的，以“曹”字為例，選好尺寸為16*16，然后保存ICO，就可以把ICO文件保存好到本地，將轉(zhuǎn)換好的ico文件改名為favicon.ico，這個(gè)文件也就算是完成了，看下圖所示：

然后，將你存放于本地上的ICO文件用FTP工具上傳到你網(wǎng)站的跟目錄，我自己上傳的截圖出來(lái)看看吧，看下圖所示：

其次就是在你網(wǎng)站源碼，index頁(yè)面中代碼中，在head標(biāo)簽中添加代碼：，接著就是保存啦。以我博客為例來(lái)個(gè)截圖：

最后，在你在服務(wù)器上保存好了，就生效了，你可以打開(kāi)瀏覽器重新輸入你網(wǎng)址，看看是不是你剛才那個(gè)設(shè)計(jì)的小圖標(biāo)出來(lái)了呢，是不是挺簡(jiǎn)單的。

版權(quán)聲明：本站文章來(lái)源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請(qǐng)保持原文完整并注明來(lái)源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站，禁止在非maisonbaluchon.cn所屬的服務(wù)器上建立鏡像，否則將依法追究法律責(zé)任。本站部分內(nèi)容來(lái)源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來(lái)，僅供學(xué)習(xí)參考，不代表本站立場(chǎng)，如有內(nèi)容涉嫌侵權(quán)，請(qǐng)聯(lián)系alex-e#qq.com處理。