如何给网页标题添加icon小图标
今天給大家分享的是如何在網(wǎng)頁(yè)標(biāo)題中加入小圖標(biāo),就像CSDN前面那個(gè)紅色的C一樣。
主要介紹兩種方法:
1.在html文件的head部分添加下面代碼(注意href的路徑)。
<link rel="icon" type="image/x-icon" href="icon.ico" />
你的圖標(biāo)格式最好是.ico格式的,手賤試了一下,發(fā)現(xiàn)png,jpg的格式都可以,而且瀏覽器會(huì)自動(dòng)幫你把圖片尺寸縮放到16*16。不過(guò).ico格式體積要小很多,另外注意透明度的問(wèn)題,jpg和bmp格式的圖片會(huì)失去透明度,所以還是建議轉(zhuǎn)一下。如果不想下載圖片格式轉(zhuǎn)換工具或者icon圖標(biāo)制作工具,這里給一個(gè)在線轉(zhuǎn)換地址:http://www.bitbug.net/。
2. 制作一個(gè)ico格式的圖標(biāo),為了兼容性考慮,使用的顏色不要超過(guò)16色,這里這個(gè)圖標(biāo)的命名要求必須為favicon.ico。把這個(gè)圖標(biāo)放到網(wǎng)站的根目錄下就可以了,頁(yè)面加載時(shí)瀏覽器會(huì)自動(dòng)檢索這個(gè)圖標(biāo)然后把它加到標(biāo)題上。
轉(zhuǎn)載于:https://www.cnblogs.com/flyoung/p/9055219.html
總結(jié)
以上是生活随笔為你收集整理的如何给网页标题添加icon小图标的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: (4)Python3笔记 之 流程控制
- 下一篇: Mac idea中git igenore