如何在浏览器地址栏显示自己的Favicons.ico图标

开往->网页应用方向 | 驾驶员: | 热心乘客 (4)人

设置自己网站的浏览器小图标的好处:可以加深访客对贵站的形象且容易认出你的网站,就跟网站的logo效果一样。

下面说一下如何实现这个功能:

一,要给自己的网站加上个性图标当然先要设计出一个你自己网站的图标来,格式最好是.ICO。

二,使用ftp软件上传favicon.ico 到网站根目录,然后在需要的显示个性ico图标的页面中,使用网页编辑软件dw或直接文本编辑器也行,打开页面,在源代码的<head>和</head>标签之间,加上:

<link rel=”shortcut icon” href=”http://www.nuanche.com/favicon.ico” />

今天给客户制作这个的时候,很奇怪呀,代码是对的,图片路径也是对的,这个时候,所有的流行的浏览器图标都显示了,只有ie没显示,奇怪吧,然后我让客户换个ico格式的图标(一开始客户给的是jpg格式的),客户很快说,图标已经换成了ico格式,结果还是不显示!

真是够呛,虽然问题很简单呢,最后我看了客户的图片路径的图片属性,虽然格式是ico格式的,但是实际上呢,确是jpg格式的。后来我跟客户沟通了下格式的问题,原来他是直接改了jpg的后缀名,而不是真正的ico格式图片。

最后给他找了个在线转换的网址。客户转换好以后,我同样查看了图片格式,这次是对的了,是ico格式的了。意外发生了,啥情况呢?所有流行浏览器都不显示了,只有ie显示,^_^!

代码、路径全部检查一遍,没问题,我把自己这个站的ico图标(半个西柚)发给客户试验,结果一切都没问题。只能说明图标有问题了。这么简单的问题,确折腾了好一会呢。

 
发车日期:2010.07.08 | 候车室: ,

上一站>:
下一站>:

热心乘客: 4名

  1. MC 说:

    好像JPG 不行吧,
    现在缺乏软件制作ICO

    [回复]

  2. 飘雨云翳 说:

    我原来用photoshop的插件制作过ico图标,本站的就是我以前用那个制作的。
    但是后来换了系统,换了ps版本……昨天安装了下那个插件,老是报错,也没时间去研究具体原因呢。
    呵呵。期待更好的软件!

    [回复]

  3. Firm 说:

    IE6不要去管他了,N多的不支持

    [回复]

  4. 风吟 说:

    这什么世道了~~楼主还写这个文章!悲剧!!

    要有创新哦!楼主哥哥!抱抱

    [回复]