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浏览器就能看到效果了。
1561
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
