如何給自己的網(wǎng)站網(wǎng)址欄添加小圖標?
  • 更新時間:2024-12-23 17:34:06
  • 建站經(jīng)驗
  • 發(fā)布時間:2年前
  • 529

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

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

ico在線轉化工具站點1:http://www.ico.la/;

ico在線轉化工具站點2:http://www.chami.com/html-kit/services/favicon/;

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

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

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

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

最后,在你在服務器上保存好了,就生效了,你可以打開瀏覽器重新輸入你網(wǎng)址,看看是不是你剛才那個設計的小圖標出來了呢,是不是挺簡單的。

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉載請表明原文地址:https://www.tlkjt.com/experience/7307.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部