快手发什么能上热门/favicon.ico不显示

来源：蜘蛛抓取(WebSpider) 时间：2016-01-17 03:08 标签： favicon.ico 404
> 给自己的网页添加下图标显示(favicon.ico)
给自己的网页添加下图标显示(favicon.ico)
lidcnhxy & &
发布时间： & &
浏览：125 & &
回复：1 & &
悬赏：0.0希赛币
给自己的网页添加上图标显示(favicon.ico)
效果如javaeye网站：favicon.ico详解：&&& favicon是Favorites Icon的缩写，favicon.ico是指显示在浏览器收藏夹、地址栏和标签标题前面的个性化图标。设置步骤：1. 把做好的favicon.ico图标文件上传到网站根目录；2. 把以下代码放到网页Html代码中的&head&部分：　　&link rel="icon"
mce_ type="image/x-icon"&
&link rel="shortcut icon"
mce_ type="image/x-icon"&说明：若使用Apache Tomcat服务器，可以改为以下方式：在jsp页面定义：　　&% String path = request.getContextPath();%&把以下代码放到网页Html代码中的&head&部分：　　&link rel="icon" &%=path%&/favicon.ico" mce_&%=path%&/favicon.ico" type="image/x-icon"&
&link rel="shortcut icon" &%=path%&/favicon.ico" mce_&%=path%&/favicon.ico" type="image/x-icon"&
　　那你有没有在360浏览器和百度浏览器里测试过呢？lidejin & &
& & （0）（0）
本问题标题：
本问题地址：
温馨提示：本问题已经关闭，不能解答。
暂无合适的专家
&&&&&&&&&&&&&&&
希赛网 版权所有 & &&最新日志热评日志随机日志
日志总数：289 篇
评论总数：5157 篇
标签数量：84 个
链接总数：23 个
建站日期：
运行天数：1319 天
最后更新：优化网站设计（三十二）：使favicon.ico文件尽可能小并且可以缓存 - 陈希章 - 博客园
前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过，我在不同的场合也分享过这样的话题。
作为通用的原则，雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考 Best Practices for Speeding Up Your Web Site& （），同时，他们还发布了一个相应的测试工具Yslow
我强烈推荐所有的网站开发人员都应该学习这些最佳实践，并结合自己的实际项目情况进行应用。 接下来的一段时间，我将结合ASP.NET这个开发平台，针对这些原则，通过一个系列文章的形式，做些讲解和演绎，以帮助大家更好地理解这些原则，并且更好地使用他们。
准备工作 为了跟随我进行后续的学习，你需要准备如下的开发环境和工具
Google Chrome 或者firefox ，并且安装
这个扩展组件.请注意，这个组件是雅虎提供的，但目前没有针对IE的版本。
你应该对这些浏览器的开发人员工具有所了解，你可以通过按下F12键调出这个工具。 Visaul Studio 2010 SP1 或更高版本，推荐使用Visual Studio 2012
你需要对ASP.NET的开发基本流程和核心技术有相当的了解，本系列文章很难对基础知识做普及。 本文要讨论的话题 这一篇我和大家讨论的是第三十二条原则： （使favicon.ico文件尽可能小并且可以缓存）。
在“”文中，我提到了favicon.ico文件，但并没有更详细地展开。通常每个网站都应该有这个文件，这个文件主要用来显示在浏览器地址栏中,或者收藏之后的图标. 如下图所示
关于这个文件的详细信息，有兴趣的朋友可以参考，我整理总结如下：
每个网站都应该有该文件，浏览器在访问任何页面的时候，总是会尝试去请求这个文件（如果本地没有的话）。 该文件通常应该命名为favicon.ico ，如果希望使用别的名称或者格式（例如PNG），则需要在页面的头部(Head)中定义引用（下面两句中的第一句是必须的）
&link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon"& &link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon"& 该文件可以直接放在网站根目录，但也可以放在其他的主机，或者你想要的任何位置。如果不在默认的根目录下面，也是需要通过上面所提到的引用方式定义。 & 由于该文件的这些特性，所以我们有三条优化的建议
使它尽量在1KB左右。想比较其他的格式（PNG,GIF等），该文件默认的格式为ico，这种文件通常较小，强烈建议使用。要创建favicon.ico文件,我推荐大家使用
提供的在线免费服务. 使它能够缓存. 由于该文件使用很频繁, 所以缓存显得很重要. 关于这一点,可以参考
的详细介绍. 对于这个文件而言,可以设置永不过期(或者过期时间长一些). 将该文件放在单独的主机中,例如
. 这样可以避免在请求该文件时发送cookie. 关于这一点,请参考
我们可以来看一个综合的例子,仍然以博客园为例.
他们采用的是favicon.ico这种文件格式, 目前的体积为:5430字节,相当于5KB左右。这一点是有优化空间的。 他们为该文件设置了缓存策略：Cache-Control: max-age=2592000 ，这个相当于是30天（近似一个月）。这个文件其实更改的机会很小的，缓存时间应该可以更长。 他们将该文件放在了 ，这样可以避免发送cookie。网站地址栏前面的小图标favicon.ico制作方法
作者：佚名
字体：[ ] 来源：互联网 时间：01-27 23:05:16
有人也许会好奇，有的网址前面有个漂亮的小图标而且有的网站图标还会动，这是怎么做的呢？
那个小图标有个名字叫favicon.ico，网站图标虽小但可以起到很好的点缀作用，尤其是当浏览者将你的网站放入收藏夹之后，网站图标的作用就出来了，它可以使你的站点在众多网址中突出显示，对于用户体验起到很好的作用，好了，废话不多说，现在来告诉大家怎么做favicon.ico这个网站图标文件。
虽然现在有很多在线制作网站图标的网站，但制作出来的图标实在是差强人意，而且不支持透明样式的ico，这非常糟糕，而为一个小小的文件再装个专业的ico制作工具又有点浪费，其实用Photoshop就可以很方便的制作出漂亮的ico文件，我们知道Photoshop是无法保存ico格式的文件的。
怎么办呢，下载这个东东ICOFormat，下载以后将解压出来的文件拷贝到&C：\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\文件格式&这个文件夹中。
之后再保存的时候就会有ico这个选项了，这样不但可以制作透明样式的网站图标，而且制作出来的ico边缘非常光滑，比在线制作的精美很多。工具准备好了，开始制作。
挑一张喜欢的图片，调整成16&16大小，通过Photoshop保存为favicon.ico。注意，使用ICOFormat插件时，图片大小不能超过256&256，否则保存时还是看不到保存为ico的选项。
之后将制作好的favicon.ico上传到网站的根目录，如果是美国的空间，关闭浏览器后重新打开你的站点就可以看到网站图标了。
如果使用国内主机或者无法看到网站图标，请进行下面的操作
在&head&&/head&之间加上
&link rel=&shortcut icon& href=&favicon.ico& type=&image/x-icon& /&
而动态的网站图标很简单，就是一张GIF动画，同样是16&16大小，上传到网站根目录后，在《head》《/head》之间加下面这一句即可。
&link rel=&icon& href=&favicon.gif& type=&image/gif& &
加上下面的代码会让对方收藏夹中的ICO跟着改变。
&link rel=&Bookmark& href=&favicon.ico& /&
到这里如果操作无误，你就会在自己的网址前面看到自己制作的小图标了，如果还是看不到的话，请保证操作正确，清空浏览器的缓存文件，刷新页面就可以看到了。至于动态的网站图标，用火狐访问这个网站就能看到/
这里需要明确的是，在favicon.ico中，favicon是文件名，ico是扩展名，文件名是可以随意起的，但之所以叫favicon，是因为在国外的主机市场，大多数的主机如果发现根目录里有一个favicon.ico文件的话会自动将其定义为网站的图标，不用修改程序的源代码，我们只要将做好的网站图标文件保存为favicon.ico并上传到网站的根目录即可，很方便。但在国内的主机市场，目前很多还没有这个功能，只能通过修改源代码的方式将favicon.ico加上去。
最后给出一个在线制作网站图标的网站：
http://www./favicon/
按照提示一步一步操作，最后你可以下载到你所需要的东西，包括ico文件和源码。
/html-kit/services/favicon/
/html-kit/services/
Buddy Icon from Pics //把图片转换成ICO格式，还可制作PNG格式的背景图片
Image Embellisher //制作特殊效果的图片，比如立方体，Windows徽标那样的波浪
原文地址：&作者：funkey
大家感兴趣的内容
12345678910
最近更新的内容

我要回帖

更多关于 favicon.ico 404 的文章

 

随机推荐