當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

網(wǎng)站地址前的小圖標(biāo)怎么添加

 2014-12-02 15:21  來(lái)源: A5專欄   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

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

首先,準(zhǔn)備一個(gè)ICO格式的文件。這個(gè)文件需要自己制作一下,剛開始準(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:;

ico在線轉(zhuǎn)化工具站點(diǎn)2:;

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

打開圖片,把存放在本地電腦上那個(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ù)器上保存好了,就生效了,你可以打開瀏覽器重新輸入你網(wǎng)址,看看是不是你剛才那個(gè)設(shè)計(jì)的小圖標(biāo)出來(lái)了呢,是不是挺簡(jiǎn)單的??梢钥纯次也┛褪醉?yè)的效果。歡迎與我交流噢!

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)標(biāo)簽
站長(zhǎng)教程

相關(guān)文章

  • 90后新手,做網(wǎng)站4個(gè)月經(jīng)驗(yàn)總結(jié)

    我,一個(gè)小小的90后草根站長(zhǎng),14年年底接觸建站,到現(xiàn)在剛剛半年多。半年來(lái),做了三個(gè)網(wǎng)站,前兩個(gè)由于種種原因相繼夭折,不再多提,現(xiàn)在一直在運(yùn)營(yíng)的網(wǎng)站,域名是創(chuàng)建于2015年3月2日,加上備案時(shí)間,做了差不多4個(gè)月的時(shí)間,簡(jiǎn)短的4個(gè)月,讓我學(xué)習(xí)到了很多知識(shí),也漲了很多見識(shí)。

  • 關(guān)于如何提高網(wǎng)站設(shè)計(jì)師的效率

    筆者在網(wǎng)站建設(shè)公司做網(wǎng)站設(shè)計(jì)工作已多年,雖說(shuō)現(xiàn)在不做設(shè)計(jì)了,但在這些年的工作中,接觸過(guò)大大小小不同的企業(yè)或個(gè)人做網(wǎng)站,對(duì)他們的需求有了一定的認(rèn)識(shí)。對(duì)于網(wǎng)站建設(shè)公司來(lái)說(shuō),由于現(xiàn)在的網(wǎng)站報(bào)價(jià)已遠(yuǎn)遠(yuǎn)比不上前幾年,更由于人工的上漲,導(dǎo)致的利潤(rùn)很低了。網(wǎng)站建設(shè)公司如何在這種情況,獲得更高利潤(rùn)就很重要了,因此,

  • GoDaddy 1.99美元優(yōu)惠主機(jī)購(gòu)買教程

    GoDaddy經(jīng)濟(jì)型主機(jī)方案適合單個(gè)站點(diǎn)的用戶,提供了100GB的超大空間,而且每月不限流量。作為基礎(chǔ)型方案,其優(yōu)惠幅度較大,最低只要1.99美元/月,還免費(fèi)贈(zèng)送一個(gè)域名。本教程詳細(xì)教大家如何優(yōu)惠購(gòu)買GoDaddy經(jīng)濟(jì)型主機(jī)。1.使用主機(jī)偵探專屬優(yōu)惠鏈接www.gdxoff.com進(jìn)入GoDaddy

  • 2014免費(fèi)CDNIncapsula申請(qǐng)使用教程

    很多站長(zhǎng)手頭有些未備案的域名,希望增加個(gè)cdn,讓網(wǎng)速更加快些,但是國(guó)內(nèi)的cdn,比如百度的加速樂(lè),360的站長(zhǎng)cdn,安全寶等等的cdn,雖然是免費(fèi)的,但是要求備案,對(duì)于沒(méi)有備案的域名,不支持解析。今天,推一把給大家分享的就是一款國(guó)外免費(fèi)的cdn——Incapsula'sDNS,不用備案,并且還有

    標(biāo)簽:
    站長(zhǎng)教程
  • zblog php版空間、數(shù)據(jù)庫(kù)搬家全教程

    昨晚在逛zblog論壇的時(shí)候看到這樣一個(gè)帖子:用APMSERV搭建的本地環(huán)境安裝ZBLOGPHP,并在本地編寫。現(xiàn)在買了空間,并安裝好了ZBLOGPHP,現(xiàn)在想把本地的數(shù)據(jù)備份并上傳至空間,應(yīng)該怎么備份!看到這個(gè)帖子,我的第一反應(yīng)這不就是變相的網(wǎng)站搬家嗎,由于小編之前給自己的博客搬過(guò)一次家,所以對(duì)這

    標(biāo)簽:
    站長(zhǎng)教程
    zblog

熱門排行

信息推薦