首页 > 代码库 > 为网站添加favicon.ico图标

为网站添加favicon.ico图标

  前言

  貌似每次都是等到网站快收尾时才做favicon.ico的,这次也不例外。这年代……

 

  步骤

  1、PS制作正方形图标,格式为jpg、jpeg、gif或png。

  2、将图标转换为ICO格式,网上有很多在线转换工具,如http://www.ico.la/old.html 。

  3、将转换好的ICO格式图标放到网站中。

  4、网页代码<head></head>之间添加:

<link rel="shortcut icon" href="images/favicon.ico">
<link rel="Bookmark" href="images/favicon.ico">

 

  说明

  Favicon ICO,即网站图标。它除了可以让浏览器在收藏夹中显示相应的标题,还可以以图标的形式区别不同的网站。

  而且根据浏览器的不同,Favicon 显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本) 中,Favicon 不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳Favicon 到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。