为网站添加小图标--favicon

原创 2012年03月30日 18:07:53

我们在访问站点时,经常会发现浏览器的页签上有小图标的存在。小图标可以让站点在用户的收藏夹中更独特,也可以在现代浏览器中的页签上区分和标记网站。

     Faviconfavorites icon的缩写,亦被称为website icon(网页图标)、page icon(页面图标)或urlicon(URL图标)。Favicon是与某个网站或网页相关联的图标。网站设计者可以多种方式创建这种图标,而目前也有很多网页浏览器支持此功能。浏览器可以将favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标签式浏览界面中的页标题前。

    最初,定义一个favicon的方法是将一个名为“favicon.ico”的文件置于根目录下,Internet Explorer的收藏夹(即书签)可以自动显示该文件。后来出现了一种更为灵活的方法,即使用HTML来为任何一个网页指示其图标所存储的位置。这种方法是通过在页面的<head>部分添加两个link组件来实现的。这样,任何一个适当大小的(16×16像素或更大)的图像都可以用作favicon。尽管如此,多数情况下仍然使用ICO格式。其他网页浏览器现在也支持PNG(便携式网络图片)格式,和IF(图形交换格式)动画图像格式。

      需要加入favicon的页面上引入link标签即可,路径是favicon.ico的绝对路径。

<linkrel="shortcut icon"href="http://example.com/favicon.ico"type="image/vnd.microsoft.icon">
<linkrel="icon"href="http://example.com/favicon.ico"type="image/vnd.microsoft.icon">

 

     favicon.ico是一个16×16像素或者更大的图片,可以在线为站点搜索图标或生成图标,或者上传本地图片生成favicon。

版权声明:本文为博主原创文章,未经博主允许不得转载。

php 抓取任意网站 favicon 小图标

  • 2017年08月10日 09:07
  • 54KB
  • 下载

网站浏览器导航图标favicon.ico

  • 2015年09月25日 15:57
  • 32.55MB
  • 下载

利用公共api提取任意网站favicon.ico图标

如何读取favicon 根据设置favicon的方式,就有2种读取favicon的方法:   A、默认直接读取网站根目录的favicon.ico文件。 B、如果不存在根目录下的...

如何设置网站图标(favicon)

如何修改网站图标(favicon) 一、问题来源 对于经常浏览网页的人来说,是否发现打开不同的网站,在浏览器的标签栏的图标也不一样呢? 正如下面的这样 这就是网站的favico...

如何制作网站的ico图标favicon.ico

当我们打开一些网站后,会在 URL 地址栏和(收藏该站后)收藏夹 Favorites 里看到该站前有个个性化的图标,这些漂亮的图标在收藏列表中显得格外醒目,让人印象深刻。  Internet Expl...

网站加入到收藏夹,前面显示的是小图标

第一步,准备一个图标制作软件。       首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站...

使网站logo小图标显示在网页标题前面

最快的方式:       用一张正方形png logo图片,然后命名为favicon.ico,放在网站根目录下   然后网站首页引用 ...
  • zhuocr
  • zhuocr
  • 2017年03月07日 18:05
  • 1150

WordPress添加favicon图标

移步到个人小站:www.very321.com http://www.ibeijie.cn/wordpress-add-favicon 浏览北街博客的时候,您会发现在IE地址栏前会...
  • wjh168
  • wjh168
  • 2012年06月13日 08:39
  • 486

icons 网站开发小图标汇总

  • 2016年06月15日 17:09
  • 1.94MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:为网站添加小图标--favicon
举报原因:
原因补充:

(最多只允许输入30个字)