第二步、将做好的favicon图片文件上传至你网站的根目录下，即www目录下。且保证命名为favicon.ico。
第三步、将这句代码
<link href="/favicon.ico" rel="icon" type="image/x-icon" />
放入到各页面的<head></head>之间。
这时候重新生轿悉成更新网站，并清除浏览器缓存。启知刷新下，就可闭旁乎以看到网站漂亮的favicon文件了。
这是用写在头部<head></head>内部的一个标签来控制的，格式如下：<LINK href="fav.ico" rel="shortcut icon">
帮你在网上找到了制作方法，如下：
如果您使用的 WEB 浏览器是IE5或以上版本，那么当您将某些网站（如：网易、Yahoo等等）加入到“收 藏夹”后，您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢？这就是“收藏夹图标”（Favorites Icon）。
就拿“网易”来说,在标题“Welcome to netease !” 的左边，IE5默认的图标被换成了一个红色的变体 中文“易”字。非但如此，如果您正在浏览“网易”，这时IE5的地址栏中的图标也同样是一个红色的“ 易”字。也正是因为这些个性化的图标使得他们在您的“收藏夹”众多的白底蓝“e”中显得格外的醒目 。
您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢？其实要实现这一目的非常简单 。
第一步，准备一个图标制作软件。
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以“.ico”作为扩展名的文件。普 通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制早昌毕作软件。您也可 以访问 http://www.favicon.com/ ，这里提供一个免费的在线“收藏夹”图标生成器，如果您英文够好 的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步，确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格：图标的大小为 16×16（以像素为单位）；所使用的颜色不得超过16 色。 (为了清晰)
第三步，设计一个属于您自己的图标。
您可以将您的网站的“LOGO”做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总 之，它一定要是属于您自己的，并且能很好的代表您陆芹的网站的风格和个性。然后将这个图标文件命名为： favicon.ico。
最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。您不需要对您迅租的网页 文件作任何的修改，IE5 会自动的不停的搜索您的网站的根目录，只要它一发现了“favicon.ico”这个 文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
如果您希望为不同的页面设置不同的“收藏夹”图标，那么您就需要在该网页文件的“HEAD”部分加入下
面的内容: <INK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
注意：该图标的路径一定要使用绝对路径。
还有一点需要说明的是：有些 Web 站点的主机服务器（如：Geocities ）不支持图标文件格式，这时您 就需要与管理员联系，要求他开通图标文件格式的支持。
马上行动，让您的网站也拥有一个“收藏夹”图标吧！
祝你成功，加油！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）