經(jīng)常喜歡上網(wǎng)的人會發(fā)現(xiàn),當(dāng)你打開一個(gè)網(wǎng)站后,在瀏覽器地址欄最前面有一個(gè)小圖標(biāo),這個(gè)是可以自己添加的。我們所看到的網(wǎng)站幾乎大部分都有這個(gè)圖標(biāo)的,像大到BAT,小到個(gè)人站長。假如你上線了一個(gè)的新網(wǎng)站,想在瀏覽器打開網(wǎng)站后,能看到自己設(shè)計(jì)的圖標(biāo),下面我就以我自己博客為例來說一下怎么添加這個(gè)小圖標(biāo)吧,希望對新手或者不懂的同學(xué)有所幫助!
首先,準(zhǔn)備一個(gè)ICO格式的文件。這個(gè)文件需要自己制作一下,剛開始準(zhǔn)備好你想顯示的那個(gè)logo圖片吧,圖片盡量選用PNG格式的,選擇16*16像素備用。然后在百度上搜索一下ICO圖標(biāo)在線制作,會有很多工具可以使用的。當(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)用為例截圖看看:
打開圖片,把存放在本地電腦上那個(gè)圖片導(dǎo)入進(jìn)來,看我導(dǎo)入我自己的是這個(gè)樣子的,以“曹”字為例,選好尺寸為16*16,然后保存ICO,就可以把ICO文件保存好到本地,將轉(zhuǎn)換好的ico文件改名為favicon.ico,這個(gè)文件也就算是完成了,看下圖所示:
然后,將你存放于本地上的ICO文件用FTP工具上傳到你網(wǎng)站的跟目錄,我自己上傳的截圖出來看看吧,看下圖所示:
其次就是在你網(wǎng)站源碼,index頁面中代碼中,在head標(biāo)簽中添加代碼:,接著就是保存啦。以我博客為例來個(gè)截圖:
最后,在你在服務(wù)器上保存好了,就生效了,你可以打開瀏覽器重新輸入你網(wǎng)址,看看是不是你剛才那個(gè)設(shè)計(jì)的小圖標(biāo)出來了呢,是不是挺簡單的。
申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!