favicon.ico显示问题
来源:互联网 发布:oracle数据库的安装 编辑:程序博客网 时间:2024/04/25 19:38
最近做网站前端显示的时候,浏览器选项卡都会显示一个网站的小图标 也就是favicon.ico。不过显示的时候总是出问题,在网上搜了一下方法,希望对大家有帮助。
favicon.ico其实就是网站显示时候的那个tab卡片前面的小图标
小图标一般都是采用logo的形象,这样可以很直观的明确自己访问的站点,对推广还是很有必要的,同时也可以提升用户体验。
下面是我完成 favicon.ico 的过程
1.favicon.ico图标的制作
favicon.ico图标大小选取:浏览器默认的 favicon.ico 大小是16×16,不过为了显示的更加清楚通常采用32×32
如果手上没有ico格式的图片,也可以用一些在线favicon.ico制作工具。将准备好的jpg, png 或者 gif的图标“上传——制作——下载”即可。
2.将你做好的favicon图片文件上传至你网站的根目录下,即www目录下。且保证命名为favicon.ico。
(注意:文件一定要放在根目录下,文件名一定要是 favicon.ico )
3.在页面头部<head></head>加入下面的代码
<link rel="icon" href="../favicon.ico" type="image/x-icon" /><link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
至此,基本上就做完了。现在只需清理一下浏览器缓存,再刷新一下页面就OK了。
补充说明:由于不同浏览器对对图标处理的方式不同,有时候会发现只用前步骤中的前两步就OK。但是为了保证每个浏览器,加上第三步会更好。
资料参考出处:
森动网:http://www.sendong.com/news229.html
博客园:http://www.cnblogs.com/LoveJenny/archive/2012/05/22/2512683.html
Favicon.ico在线制作工具:http://cn.faviconico.org/
0 0
- favicon.ico显示问题
- 解决favicon.ico无法显示的问题
- 网页的favicon.ico不显示问题
- favicon.ico在IE浏览器显示问题
- django显示favicon.ico
- IE7下favicon.ico图标不能显示的问题
- 解决favicon.ico无法在首页显示的问题
- IE7下favicon.ico图标不能显示的问题
- favicon.ico给网站加图标不显示问题
- favicon.ico多浏览器显示
- vue favicon.ico正确显示
- favicon.ico网站图标不显示
- favicon.ico浏览器不显示的解决方案
- FAVICON.ICO
- favicon.ico
- favicon.ico
- favicon.ico
- Favicon.ico
- (2)Spring study 2 ------- Bean装配
- Hexo博客迁移到Coding
- 刷leetcode:Two Sum
- ODBC API 简介
- C#中对上传的Txt文档进行编码的转换,并且不会乱码,其他编码转换为UTF-8
- favicon.ico显示问题
- android中的后退键——onBackPressed()的使用
- PDF免费转换成word转换器
- Android界面] 取到TextView指定字符X Y坐标
- vc2012\vc\include\stdlib.h(360): error C2381: “exit”: 重定义;__declspec(noreturn) 不同
- shell理论基础
- [C#-1] C#中event的关键字存在的意义
- git教程
- UITableView自定义每行分割线