如何给自己的网页加上图标

很多人不清除怎么给自己的网页加图标,下面详细的介绍一下具体的流程

1.先准备想作为图标的图片,下面是我准备的图片

2.作为网页的图标需要.ico格式的图片,需要将准备的jpg或者png格式的图片转换成.ico格式,我用到比特虫这个网站在线转换

3.打开网站后选中自己的图片和大小点击生成ico图标就可以导出.ico格式的图片了

4.导出图标后把图片放到与html相同的目录下

并在html的header部分添加以下代码

 <link rel="shortcut icon" href="bitbug_favicon.ico" type="image/x-icon">

运行后就会发现网页的图标变成自己的图标啦

如何给自己的网页加上图标相关推荐

解决网页ICON图标无法显示的问题
解决网页ICON图标无法显示的问题参考文章: (1)解决网页ICON图标无法显示的问题 (2)https://www.cnblogs.com/ziyoublog/p/10974406.html 备忘 ...
动态修改网页icon图标
动态修改网页icon图标 //如果在vue项目中在App.vue下的 created() 中输入 var link = document.querySelector("link[rel*= ...
设置网页头部图标icon
设置网页头部图标:<link rel="shortcut icon" type="image/png" href="images/.png&qu ...
如何设置网页标题图标 FavIcon
如何设置网页标题图标很多时候我们看到浏览器的选项卡标题前有时会有一个图标,感觉很不错,那么实现的原理就是,在head标签对之间加入<link rel="shortcut icon&q ...
php网页增加音乐代码,js给网页加上背景音乐及选择音效的方法
本文实例讲述了js给网页加上背景音乐及选择音效的方法.分享给大家供大家参考.具体实现方法如下: 给网页加上背景音乐,选择音效功能 a{font-size:30pt;color:blue;font-fa ...
『精品素材』20套免费的网页小图标素材下载
在网页设计工作中,图标设计是最耗时的任务之一,但幸运的是网络上有很多慷慨的设计师分享的现成的免费小图标素材包可以下载使用.下面这个列表收集了20套免费的网页小图标,记得分享和推荐啊. Free 16p ...
设计透明背景的ICON（网页小图标）
Designo总会有不同成图的洁癖,只是需要纯粹的图案. 而在网页设计和App设计的时候,会用到透明背景的logo或者是icon之类的.上述的icon出现在网页设计中就是"网页小图标 ...
Aresio Web 2.0网页UI图标素材分享下载[微盘地址]
今天又找到一套非常清新漂亮的网页UI素材 - Aresio.设计师名为Vlade Dimovski,这套网页设计图标素材是一套非常清新简洁的Web 2.0风格.这套网页素材本来在国外网页设计网站找到的 ...
75个像素网页小图标素材
内容提要:75个像素网页小图标素材,75个像素网页小图标素材,包括:心,箭头,用户,手,搜索,电话图标,声音图标,对号,箭头... 75个像素网页小图标素材,包括:心,箭头,用户,手,搜索,电话图标, ...

如何给自己的网页加上图标

如何给自己的网页加上图标相关推荐

最新文章

热门文章