繁體中文当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 网站地址栏前面的小图标favicon.ico制作方法
- 建站经验
- 我骄傲我的站 关于我的纹身网站
- 大学生网上卖菜 为你解决开门七件事
- 做电子商务 选择好的虚拟主机是关键
- 惨痛教训站长足戒 给建站初期的各位站长
- 做网站需要的是坚持和不断学习的精神
- 网站发帖宣传应该注意哪些地方
- 新手做论坛，要用好你的每一分钱
- 草根站长每天需要做的事情 今天你做了吗
- 从站长力量网的成功看网站功能的创新重要性
- 设计能力决定权力
- 坚持、勤思、善学 建站路程从失败走向成功
- 分类信息网站未来命运！
- 关于快速提升新站PR值的方法见解
- 真正学会做网站的时候 你就成了情场高手
- 网站容易被百度拔毛的几点情况及预防建议
- 如何让SupeSite7.0首页显示全部的频道分类
- 我建站被骗经历和一点经验
- 软文使网站从PR1提升到PR3 谈软文的好处
- 踏踏实实做站 放弃网赚成富翁的幻想
- 教训：垃圾服务器差点让我的网站毁于一旦
建站经验 中的 网站地址栏前面的小图标favicon.ico制作方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-30 浏览: 434 ::
收藏到网摘: n/a
有人也许会好奇，有的网址前面有个漂亮的小图标而且有的网站图标还会动，这是怎么做的呢？
那个小图标有个名字叫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” />
到这里如果操作无误，你就会在自己的网址前面看到自己制作的小图标了，如果还是看不到的话，请保证操作正确，清空浏览器的缓存文件，刷新页面就可以看到了。至于动态的网站图标，用火狐访问这个网站就能看到http://2gbhosting.com/
这里需要明确的是，在favicon.ico中，favicon是文件名，ico是扩展名，文件名是可以随意起的，但之所以叫favicon，是因为在国外的主机市场，大多数的主机如果发现根目录里有一个favicon.ico文件的话会自动将其定义为网站的图标，不用修改程序的源代码，我们只要将做好的网站图标文件保存为favicon.ico并上传到网站的根目录即可，很方便。但在国内的主机市场，目前很多还没有这个功能，只能通过修改源代码的方式将favicon.ico加上去。
最后给出一个在线制作网站图标的网站：
http://www.html-kit.com/favicon/
按照提示一步一步操作，最后你可以下载到你所需要的东西，包括ico文件和源码。
地址：
http://www.chami.com/html-kit/services/favicon/
地址：
http://www.chami.com/html-kit/services/
Buddy Icon from Pics //把图片转换成ICO格式，还可制作PNG格式的背景图片
Image Embellisher //制作特殊效果的图片，比如立方体，Windows徽标那样的波浪
原文地址：http://www.ifunkey.com/1121.html 作者：funkey
评论 (0) All
