當(dāng)前位置:首頁 >  站長 >  建站經(jīng)驗 >  正文

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

 2014-12-02 15:21  來源: A5專欄   我來投稿 撤稿糾錯

  阿里云優(yōu)惠券 先領(lǐng)券再下單

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

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

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

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

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

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

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

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

最后,在你在服務(wù)器上保存好了,就生效了,你可以打開瀏覽器重新輸入你網(wǎng)址,看看是不是你剛才那個設(shè)計的小圖標(biāo)出來了呢,是不是挺簡單的。可以看看我博客首頁的效果。歡迎與我交流噢!

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

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

相關(guān)文章

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

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

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

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

  • 2014免費CDNIncapsula申請使用教程

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

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

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

    標(biāo)簽:
    站長教程
    zblog
  • phpcms v9 郵件群發(fā)實現(xiàn)方法

    自己的網(wǎng)站B5教程網(wǎng),看到很多注冊會員后沒有郵箱驗證,但是會員比較多,一個一個發(fā)送郵件很煩,于是就自己二次開發(fā)了一個郵件群發(fā)功能,現(xiàn)在分享給大家。記得收藏哦!phpcmsv9郵件群發(fā)功能是在用戶=》會員管理里面實現(xiàn)的,選中要發(fā)送的會員,然后郵件群發(fā)就行了,如圖:下面是實現(xiàn)步驟:1.找到phpcmsv

    標(biāo)簽:
    站長教程
    郵件群發(fā)

熱門排行

信息推薦