开发者社区> 科技小能手> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

给网站加ico浏览器小图标

简介:
+关注继续查看

    魅力网络最近在给客户做网站的时候,发现客户主动要求给网站加个浏览器小ico图标,其实加这个非常的简单,弄一个logo的图标,网上有在线转换ico的,转换一下,32*32的就行 

例如:wKiom1jfDEXQcNV6AACoIbFY7xw256.png 

生产的文件名是favicon.ico 支持上传到服务器或者空间的跟目录就可以了,魅力网络很多都是这样做的,但有的客户还是反映不显示,为此我们加一段代码能够更好的显示。

在首页的网站head区域加入

<link rel="shortcut icon" href="/favicon.ico" />

<link rel="bookmark"href="/favicon.ico" />


这样就可以显示了,有什么问题也可以咨询河北魅力网络,热心帮助朋友们解决问题,qq1632665886 



本文转自 yeybz 51CTO博客,原文链接:http://blog.51cto.com/hmlwl/1912307

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
网站增加一个ICO站点小图标教程
对于网站的管理员来说,网站的ICO图标更准确的应该叫做站标,是仅次于网站LOGO的标志之一。高品质的ico图标设计更容易使站点获取良好的用户体验。制作ICO图标的工具尽管有很多,但做出一款漂亮的ICO图标,并非是一件容易的事情。
0 0
前端如何设置浏览器网页标签页前的小图标favicon.ico
前端如何设置浏览器网页标签页前的小图标favicon.ico
0 0
PbootCMS模板如何添加网站浏览器图标 favicon.ico
PbootCMS模板如何添加网站浏览器图标 favicon.ico
0 0
下载网站 favicon 图标的 3 种方法
在工作中,有时候我们会需要用到一些网站图标,但是浏览器上没有提供直接下载网站图标的方法,想要下载必须使用一些技巧,本文中就来分享下获取网站 favicon 的几种方法。
0 0
网页favicon.ico图标设置(转)
随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,这个图标是:,也就是我们常说的favicon.ico.   由于这篇文章主要讨论favicon.
1072 0
Chrome浏览器无法将网页中的图片保存到本地的问题
今天在浏览网页时看到一张图片不错,想保存下来,在图片上点击右键》图片另存为,结果试了好多次都没有反应。 环境: Windows 7操作系统 Chrome 版本 41.0.2272.76 m (64-bit) 原因: 后来发现是这个安全警告框的原因,点击运行以后一下子弹出好多个文件保存对话框,之前试了好多次都没有反应,现在全都弹出来了。
783 0
浏览器顶部显示网站小图标
只要在这个标签里面加一段下面的代码就可以了
621 0
定制浏览器地址栏前的小图标
在网页的间加入以下语句 即可。其中 icon.ico 为 16x16 的图标文件, 颜色不要超过 16 色。
486 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载