如何給你的網站加上favicon.ico圖示:[1]

來源:酷知科普網 2.39W

圖示是網站的縮略標誌,可以顯示在瀏覽器標籤、位址列左邊和收藏夾,是展示網站個性的縮略logo標誌,也可以說是網站頭像,如果要讓網站看起來更專業、更美、更有個性,是必不可少的,所以你在本站使用ICO圖示轉換工具就可以輕鬆達到你的要求。

如何給你的網站加上圖示:[1]
如何給你的網站加上圖示:[1] 第2張

操作方法

(01)準備一張長寬一樣的圖片,jpg,png,bmp均可,如果尺寸不一樣大,可以採用windows系統自帶的繪圖工具剪裁即可。編輯之後儲存為jpg,png,bmp格式的其中一個。

如何給你的網站加上圖示:[1] 第3張

(02)開啟線上工具aTool()生成ico圖示

如何給你的網站加上圖示:[1] 第4張

(03)點選選擇檔案,可以瀏覽你剛剛生成的寬高相同的圖片。

如何給你的網站加上圖示:[1] 第5張
如何給你的網站加上圖示:[1] 第6張

(04)選擇生成的圖片尺寸大小,建議採用32*32的大小。點選“生成圖示”按鈕,即可生成。

如何給你的網站加上圖示:[1] 第7張

(05)點選“儲存”連結即可將圖片另存到本地磁碟。然後將檔案重新命名為。放到網站的根目錄,強烈建議放在根目錄。

(06)然後在網站的每一個頁面的head標籤內加入兩行程式碼。<head><link rel="shortcut icon" href="/"/><link rel="bookmark" href="/"/></head>

如何給你的網站加上圖示:[1] 第8張

(07)清空瀏覽器快取,重新整理網頁網址即可看到網站的圖示。

特別提示

線上轉換之前一定要轉換成長寬相等的圖片,不然轉換成ico之後,圖片會被拉伸或者壓縮。

在網站的每一個頁面的head標籤內記得加入兩行引用ico的程式碼

熱門標籤