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