有不少細(xì)心的朋友在瀏覽網(wǎng)站時(shí)會(huì)發(fā)現(xiàn)左上角的地址欄網(wǎng)址前面會(huì)有一個(gè)小圖標(biāo),其實(shí)這個(gè)ico圖標(biāo)就是網(wǎng)站的小標(biāo)志,有了它網(wǎng)站看上去會(huì)更專業(yè)。那么,ico圖標(biāo)具體怎么操作呢。小編根據(jù)自己總結(jié)的經(jīng)驗(yàn),將詳細(xì)的為大家介紹下。
首先為用戶介紹下什么是ico,ico是Icon file的縮寫,是Windows的圖標(biāo)文件格式的一種,可以存ico圖標(biāo)資源(4張)儲(chǔ)單個(gè)圖案、多尺寸、多色板的圖標(biāo)文件。 一般所說的ico圖標(biāo)是作為瀏覽器首段圖標(biāo)顯示,還可以在收藏夾內(nèi)收藏內(nèi)容的前段顯示小圖標(biāo)。下圖為億世紀(jì)科技ICO圖標(biāo)。讓人感覺很正規(guī),網(wǎng)站很有檔次。
那么,ico圖標(biāo)的作用是什么呢。ico可以作為瀏覽器首段圖標(biāo)顯示,還可以在收藏夾內(nèi)收藏內(nèi)容的前段顯示小圖標(biāo)。
好了,介紹到這里大家應(yīng)該有了初步的了解,那我們就趕緊學(xué)習(xí)下ico圖標(biāo)的制作步驟吧。
第一步我們要準(zhǔn)備一個(gè)jpg、gif或者png的圖片,然后將圖片處理成需要的尺寸就可以了。
第二步要講做好圖標(biāo)進(jìn)行轉(zhuǎn)換,大家可以使用在線轉(zhuǎn)換工具就可以,之后轉(zhuǎn)換出來的文件就是ICO圖標(biāo)文件了。
第三步要講ico文件重新命名為favicon.ico,大多數(shù)自動(dòng)轉(zhuǎn)換保存的文件名都是這個(gè),如果不是請(qǐng)改名字即可。
第四步將ico圖標(biāo)文件上傳服務(wù)器,將文件上傳至站點(diǎn)FTP根目錄,然后在首頁文件的標(biāo)簽內(nèi)加上一段ico站標(biāo)代碼,代碼案例如下:<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> 就可以了。
最后我們清理瀏覽器緩存,在重新打開網(wǎng)站,看下左上角是不是出現(xiàn)了您上傳的ico圖標(biāo),有的話就完活了,如果沒有需要等幾分鐘在刷新看看。大家覺得這篇文章是不是很有用,希望朋友們?cè)谌蘸蟮墓ぷ髦锌梢宰约簩W(xué)會(huì)操作并掌握。