网站地址栏收藏栏的图标设置

最新推荐文章于 2025-11-28 10:25:57 发布

原创最新推荐文章于 2025-11-28 10:25:57 发布 · 228 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html #UI #ViewUI

本文介绍如何为网站制作并设置图标（favicon.ico）。首先需制作一个16x16像素的.ico格式图片，然后将其上传至网站根目录。若无法上传至根目录，可在HTML头部标签中指定图标位置。

第一步：首先你必须要制作一个看起来既清楚又容易辨识的.ico格式的小图片。

我们将图标的大小定义为16x16 像素。此外在制作图形文件的时候，你可能需要把色盘设定成只使用标准的 16 色 Windows 色盘，这样做出来的图形才会在各种配置的机器上看起来都是一样的。记得文件名是固定的，要叫做“favicon.ico”。这个http://www.bitbug.net/网页里有最快捷的制作favicon.ico的方法。

第二步：把制作好的 favicon.ico 文件上传到你的网站根目录去。

例如你的网址是：http://www.baidu.com那么你的 favicion.ico 就应该被放在下面这个URL下http://www.baidu.com/favicion.ico
每当有网友要把你的网站“加入收藏”的时候，IE 浏览器便会到你的网站根目录去寻找看看有没有favicon.ico这个文件，如果有的话，这个文件就会被用来当作书签上面的图示了。但是如果你没办法把文件上传到上面所说的根目录怎么办？没关系，你可以在网页源码的 <HEAD>标签里区里面加上下面的设定：
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://www.baidu.com/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>

百度找到的方法，经测试完全没问题