四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

好多新手问浏览器右上角的小图标是如何实现的,这个小图标叫做ico站标,一般是ico格式图标,可以作为浏览器首段图标显示,还可以在收藏夹内收藏内容的前段显示小图标。在用户浏览中也起到很大的作用,让人感觉很正规、大气等特征。这个功能实现起来其实非常简单,下面和我以前来操作。
给网站添加ico图标通用教程

步骤一:制作一张合适的图片,和自己网站logo呼应,这张图片就是将来网站ico站标的雏形,图片的初始大小、格式(jpg,gif,png)没有要求。
不会制作的朋友抓虾这里推荐一个比较好用的在线logo制作网站:http://www.uugai.com
将制作出了的logo里面的图标单独裁剪出了就可以制作ico站标了。

步骤二:利用在线生成ico图标的工具,在线生成ico站标。这类在线生成网站特别多,比如:
https://tool.lu/favicon/
http://www.faviconico.org/
http://www.bitbug.net/

导入上面选定的图片,生成后下载到桌面上!

步骤三:生成的ico站标“目标尺寸一般情况都选择16*16,将制作好的ico文件命名为“favicon.ico”,一般情况下ico制作网站生成的文件会自动帮助默认命名。

步骤四:将“favicon.ico”文件上传至站点FTP网站的根目录下。

步骤五:在网站头部或者首页文件的标签内加上一段ico站标代码,代码如下:

苹果CMS添加代码操作:将上面代码粘贴到【后台】–>【模板管理】–>【头部模板】 编辑粘贴之后…………之前

步骤六:清空浏览器缓存,刷新网站首页,其效果如下图所示:

给网站添加ico图标通用教程

未经允许不得转载:作者:有鱼, 转载或复制请以 超链接形式 并注明出处 抓虾网
原文地址:《给网站添加ico图标通用教程》 发布于2019-07-12

分享到:
赞(0) 打赏

评论 抢沙发

6 + 5 =


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册