建站技术网专注分享网站建设技术,网站建设教程,真正帮你学会做网站技术,轻松解决网站建设过程中遇到的常见问题,为广大站长服务。 收藏本站 | 订阅
域名投资,就来找米网,认准网址:www.zhaomi.cc 专业仿站,就到仿站网:www.fangzhan.org
  站内公告: ·帝国cms教程内容已更新,欢迎关注     ·建站技术网采用阿里云服务器,备案已通    
您当前的位置:首页 > 网站运营 > 网站设计

favicon.ico图标是网站的缩略标志

时间:2018-01-26 02:06:51  来源:网络收集  整理: 建站技术网 www.jzjsw.com     点击:8次
  favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹中,也可以显示为桌面上网站快捷方式的图标,是展示网站个性化的缩略logo,如果想让网站看起来更专业、更有个性,favicon.ico是必不可少的。另外,从技术的角度讲,favicon.ico也并不仅限于观感,同时在某些情况下减轻了服务器的流量带宽占用(仅管这种占用很小):一般为了提高网站的可用性,我们会为自己的网站创建一个自定义的404错误文件,此时,如果网站没有相应的favicon.ico文件,当用户收藏网页时, Web服务器会调用这个自定义的404错误文件,并在网站的错误日志中记录。这显然是应该予以避免的。
  favicon.ico文件通常是一个包括1-3张图片的256色(win95及更早版本是16色)图形文件,更象一个gif动态文件(我是这样理解的),3张图片的大小分别为:16x16、32x32、48x48。制作时调色板尽量选用“Windows 默认调色板”,因为这样最终展示的颜色和设计效果才能更接近。16x16通常显示在浏览器上,32x32显示网站在桌面上创建的快捷方式。
  浏览器调用的原理是首先在网页所在目录寻找favicon.ico文件,如果没有找到就去网站的根目录寻找。所以favicon.ico通常放在网站的根目录下。要想把favicon.ico放到其他目录下,或者不同网页显示不同的favicon.ico文件,需要在html中的
标签中插入如下的代码:

代码的完整书写格式通常有以下三种:
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="favicon.ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
其中第2、3行的作用是在收藏夹下也显示图标(资源管理器、浏览器的收藏夹)。
 
除此之外,有些浏览器(如Firefox)还支持16x16的GIF动画格式favicon,使用方法是在标签中插入如下两行代码:

注意:如果重新设置了favicon.ico,但在浏览器中没有显示新的favicon.ico,请清空浏览器缓存的历史记录,然后刷新页面重试。
关于favicon.ico
      favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的,所以你在本站使用ICO图标转换工具就可以轻松达到你的要求。在线ico图标制作工具使用说明
      1. 原始图片必须为jpg、jpeg、gif、png格式之一
      2. 原始图片文件大小<300k。
       3. 建议:原图的长和宽相同,以避免转换后生成的ico图标因缩放而失真。
       4. 点击"浏览"按钮上传本地图片,再点"点此生成图标"即可。
如何使用Favicon.ico?
      1. 将成功生成的图标文件下载并改名为favico.ico,上传到网站根目录。
      2. 在网站首页的源文件<head> </head>之间插入下面的斜体部分代码<head> ……<link rel="shortcut icon" href="favicon.ico"></head>
       3.动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif <head></head>之间加上: <link rel="icon" href="favicon.gif" type="image/gif" >ico百科
      Favicon原本是windows中存储单个图案的一种图标文件格式,现可以用作软件、文件夹以及网站等的缩略标志,显示在用户的资源管理器,浏览器的地址栏、标题栏和多页面浏览器的标签栏上。图标文件一般尺寸较小,常见的是16*16,32*32和48*48。图标是部分透明的,可以直接打开浏览。
文章标题:favicon.ico图标是网站的缩略标志
文章网址:http://www.jzjsw.com/yunying/sheji/3745.html
上一篇:网站设计 要明白其背后的所以然
下一篇:返回列表
来顶一下
返回首页
返回首页
相关文章
推荐资讯
如何通过SEO优化排名赚钱?SEO赚钱方法
如何通过SEO优化排名赚
seo优化教程:网站seo内容优化
seo优化教程:网站seo
SEO细节:企业SEO如何快速为新站做出效果
SEO细节:企业SEO如何
电商技术将如何发展?2018年有这五个大胆预测
电商技术将如何发展?
最新文章
栏目更新
栏目热门