背景

最近游戏开发进度有些超前了，预估未来三天之内不会有什么太忙的事情。于是看起了某多多，斥巨资购买的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文件拖入到发布目录中。截图如下：

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

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

如何设置H5小游戏网页icon图标相关推荐

android h5游戏图片不缓存,H5小游戏资源缓存方法与流程
本发明涉及H5资源缓存领域,尤其涉及H5小游戏资源缓存方法. 背景技术: 随着移动互联网的发展和手机硬件性能的不断提升,H5小游戏这种不需要下载安装即可使用的全新游戏应用得到了爆发式发展.这种用完即走 ...
html5 游戏制作软件,制作h5小游戏的免费软件有哪些？
刚刚过去的618,过段时间要来临的双十一.这些个节日无一不是商家做营销的噱头,各大电商平台也不会放过这么多机会来做商品宣传的.既然人家都要做活动了,不捧场怎么能行,我们要一起做一个买买买的精致猪猪女孩 ...
用Three.js写h5小游戏-3d飞机大战
用Three.js写h5小游戏-飞机大战博主的话运行图片目录路径![在这里插入图片描述](https://img-blog.csdnimg.cn/20190829103702978.jpg?x- ...
H5小游戏 - canvas涂鸦板
H5小游戏 - 涂鸦板效果截图: html代码如下: <!DOCTYPE html> <html><head><meta charset="utf ...
html5制作端午节游戏,意派Epub360怎么制作一个端午节H5小游戏页面？
六月已经过了三分之一,"粽子节"也马上要到了,每当这时候,又到新媒体运营人和设计师头秃的时刻,在传统的节日里,如何把传统的节日使用互联网元素表现,让更多的年轻人能够参与进来,H5这 ...
H5小游戏是不是风口
随着移动互联网的发展,出现了几个超级App, 如微信,陌陌, QQ,抖音,今日头条等. 这些超级APP 每天都有几亿的活跃用户,用户玩手机的都集中在这些超级APP上. 对于超级APP而言,他们有流量 ...
html5制作端午节游戏,零代码怎么制作一个端午节H5小游戏页面？
不光端午节,任何小游戏类型都可以轻松搞定! 六月已经过了三分之一,"粽子节"也马上要到了,每当这时候,又到新媒体运营人和设计师头秃的时刻,在传统的节日里,如何把传统的节日使用互联网 ...
H5小游戏从修改到发布--无编程基础修改版
H5小游戏从修改到发布–无编程基础修改版合成哈工大流程来源于程序员鱼皮合成大西瓜魔改版原教程链接合成大西瓜源码素材获取:h5小游戏源码注册登录,直接下载压缩包版本的源代码,网页还有其他游戏 ...
分享好玩的h5小游戏制作步骤_怎么做h5微信小游戏
近年来,市面上一直流行各种h5游戏,例如投票.答题.刮刮乐.大转盘等等等等,而且我在各种营销场景下经常看到它们的身影,是做促销,引流和宣传的神器之一! 那么,怎么做好玩的h5游戏?还在找h5小游戏模板 ...

如何设置H5小游戏网页icon图标

背景

网站图标

什么是网站图标

如何制作H5游戏网站图标

如何设置H5小游戏网页icon图标相关推荐

最新文章

热门文章