网站小图标 favicon.ico

作者:半瓶墨水   链接:http://www.2maomao.com/blog/favicon/

我的blog上面的小图标是自己设计的,当时花了不少心思
现在正在做一个新的站点,又用到了favicon,总结一下以备后用:

favicon = favorite icon = 网站小图标

1.现在的浏览器大多数都会自动发请求给www服务器,寻找网站根目录下的favicon.ico
    所以把制作好的favicon.ico直接丢到站点根目录即可(如果是16色16×16大小的话)

2.favicon也可以是*.gif的格式。只要不是16色16×16大小的ico,都必须写上这句

<link rel="shortcut icon" href="ohmy.gif" type="image/x-icon" />

或者

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

3. 如果你的站点的子站点要做不同于主站的favicon,可以有两种方式:
方式一:把子站做成二级域名,在子站根目录下放置新的favicon.ico
方式二:把每个子站点的页面都加上:link rel=”shortcut icon”,href指向新的图标

制作工具参见:
Icon Craft – 完善的 Favicon 制作工具 (收费的,有七次免费使用机会,够了)
有个免费图标制作工具叫做GreenFish,很好很强大

还有一些在线工具,但是没有这个好用。

留下回复