最新消息:点击查看大S的省钱秘笈

URL前面的图标-网站头像Favicon

网络相关 Slyar 158浏览 0评论

文章作者:姜南(Slyar) 文章来源:Slyar Home (www.slyar.com) 转载请注明,谢谢合作。

突然发现还有很多人不知道网站地址前面的图标是怎么弄的,感觉很奇怪,不过想想也是,我们几年前不也不知道么,只不过我们早生下来几年,提前知道罢了。。。

好了,现在我们来说这个URL前面的图标,它叫Favicon,即Favorites Icon的缩写,中文名称是网站头像。那一推废话我就不说了,只是告诉大家,这个Favicon一般都是静态的,也就是不动的,而Firefox却支持动态的Favicon,这是一大区别;第二是Favicon的大小有两种,一个是32×32像素,另一个为16 ×16像素,我们一般在URL里看到的都是16 ×16像素的,而你如果把那个图标拖动到桌面当快捷方式,就会用到32×32像素的了,不过这个我们一般不常用。

好了,知道Favicon是什么,我们就可以来制作它了,Favicon文件的后缀名为"ico",我们需要特别的工具来制作它,这里我提供一个在线生成Favicon的网站,你可以把你想要的的图片扔到上面去,然后让它在线生成,然后下载,你只需要把那个16 ×16像素的图片保存成Favicon.ico就可以了。点击进入在线生成Favicon.ico

那么有了Favicon.ico该怎么使用呢?很简单,你只需要把Favicon.ico上传到网站的根目录,这样整个站点的URL前面都会出现这个图标,是不是很简单?

如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,那就需要在网页Html文件中做设定了,具体设置也很简单,在Html源代码中的<head>部分加入如下的代码:

<link rel="icon" href="/slyar/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/slyar/favicon.ico" type="image/x-icon">

其中的内容自己修改就可以了。

转载请注明:Slyar Home » URL前面的图标-网站头像Favicon

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (13)

  1. https://www.caokui.com/favicon.ico可以打开,为什么显视不出来呢
    捷达5年前 (2011-11-01)回复
  2. @tse IE是垃圾,鉴定完毕...
    Slyar7年前 (2010-05-31)回复
  3. 我在GOOGLE瀏覽器能看見,但是在IE就看不到了,這是爲什麼呀?
    tse7年前 (2010-05-31)回复
  4. 其实对Firefox来说,什么格式都没问题,不管是GIF/JPG/PNG都能显示。 不过,IE(7)对PNG一点兴趣也没有,而Opera(9.5)则不知道image/vnd.microsoft.icon是个什么东西。 解决方法就是两种格式都用上…… 当然这是对于在<head />中用<link rel="" />来实现图标的方法。 这样的话不一定要叫favicon.ico,也可以叫别的什么。 听说还有人往图标里塞进了一个用JavaScript控制的俄罗斯方块游戏……
    卡库拉迪8年前 (2008-09-22)回复
  5. 恩,我的网址ico在Ie7下看不到,但是在maxthon下可以看到了。 但是你的网站的ico,我用ie7浏览也可以看到啊。 这是为什么列。
    soso8年前 (2008-08-20)回复
    • 恩,这样啊,你在IE7下直接访问ico,然后再看网站能否显示ico。
      Slyar8年前 (2008-08-20)回复
  6. 你好。我做了个ico,将favicon.ico上传到了根目录,为什么访问博客时还是没有显示呢。 我的博客地址是:https://xxx.net,但博客目录是https://xxx.net/wordpress,即我的wp文件是放在/public_html/wordpress下的,这样的情况public_html是根目录吧,是把favicon.ico放在public_html下吗? 那为什么地址前还是没相应图标显示呢? 呵呵。我刚接触wp,对计算机网络的东西不是很懂,见笑了。希望你指教。
    soso8年前 (2008-08-20)回复
    • 恩,位置是放对了。 你的浏览器是什么?你看我的站有图标么? 还有是你的favicon.ico大小是多少?
      Slyar8年前 (2008-08-20)回复
  7. 好久没有来我的友链逛逛了,发展的不错。最近在构思做一个中文的链接交易的平台,现在正在开发阶段,到时候要支持支持。
    深度8年前 (2008-08-16)回复
    • 做链接交易容易被K。。。
      Slyar8年前 (2008-08-16)回复
  8. 老早就准备做个Favicon了,现在决定做一个。
    SoleilNeon8年前 (2008-08-16)回复
    • 这东西在FF下看着舒服,IE下不行。。。
      Slyar8年前 (2008-08-16)回复