背景

最近游戏开发进度有些超前了，预估未来三天之内不会有什么太忙的事情。于是看起了某多多，斥巨资购买的web前端教学视频（5块8毛钱）。虽然自己是做H5游戏开发的，但H5游戏打包发布生成的目录文件中都会有.html、.css等游戏入口和样式文件。虽说随着工作时间的拉长，对于这两个文件的了解，足以应付游戏开发所需，但总觉得不够完善和系统化。于是在新的学习路程中有了这项新技能与文章~

网站图标

什么是网站图标

网站图标其实就是我们在浏览器打开某个网页后，导航栏title旁边所显示的小图片。比如你打开百度翻译页面：

如何制作H5游戏网站图标

1、准备一张正方形的.png或.jpg图片，尺寸适当即可。
2、制作favicon.icon图标。制作方式：打开任意一个favicon在线制作网页，比如：https://tool.lu/favicon/，制作方式也很简单，将事先准备好的png图片上传，并选取图片区域，下载即可。如下图：

3、去代码中设置，我这里用的cocoscreator v2.1.2版本。项目发布后，打开index.html文件，更改游戏名称为：小游戏名称，截图如下：

备注：此时游戏发布后，打开游戏，网站图标为默认图标。下面在index.html页面中加入图标设置代码并把.ico文件拖入到发布目录中。截图如下：

此时小游戏打开后的网页截图如下：

至此，小游戏网站图标设置完成。