1.準備圖標文件
其實即使使用.png、.jpg之類的格式，在Chrome瀏覽器上也是能正常渲染出來的，只是在搜狗等瀏覽器上有些問題。
下面說明如何轉換出.ico圖標文件。
方法一：（適合已經有了Photoshop 2018 cc等較新版本ps的用戶）
ps2018下載安裝ico格式插件_網絡_dsfho32的博客-CSDN博客 https://blog.csdn.net/dsfho32/article/details/89457868
按照說明操作，其中Plug-ins文件夾下可能沒有FIle Formats文件夾，自己新建一個就好了。同時，圖像大小需要設置在256*256以下。
方法二：（適合只有Photoshop CS6等較老版本ps的用戶）
Photoshop製作保存ico格式圖標，原來這麼簡單 - 記憶盒子 http://www.webkaka.com/blog/archives/save-ico-in-photoshop.html
方法三：（適合不想裝軟件，可以接受較慢網速的用戶）
製作ico圖標 | 在線ico圖標轉換工具 方便製作favicon.ico - 比特蟲 - Bitbug.net http://www.bitbug.net/
速度比較慢。
方法四：（適合不想裝ps，可以接受裝一款小軟件來解決問題的用戶）
IconWorkShop（試用版）
2.在html文檔中添加圖標文件路徑
在<head>標籤內插入一行：
<link rel="shortcut icon" href="圖標路徑文件名">
例如這樣：
<link rel="shortcut icon" href="img/myIcon.ico">
保存以後用Chrome瀏覽器就能看到效果了。