您的位置：首页 > 运维架构 > 网站架构

如何给你的网站加上favicon.ico图标

2014-01-20 20:23 423 查看

favicon.ico图标是网站的缩略标志，可以显示在浏览器标签、地址栏左边和收藏夹，是展示网站个性的缩略logo标志，也可以说是网站头像，如果要让网站看起来更专业、更美、更有个性，favicon.ico是必不可少的，所以你在本站使用ICO图标转换工具就可以轻松达到你的要求。

工具/原料

一张你喜欢的logo方形图片

一个在线制作工具aTool

方法/步骤

1

准备一张长宽一样的图片，jpg，png，bmp均可，如果尺寸不一样大，可以采用windows系统自带的绘图工具剪裁即可。编辑之后保存为jpg，png，bmp格式的其中一个。

2

打开在线工具aTool（http://www.atool.org/ico.php）生成ico图标

3

点击选择文件，可以浏览你刚刚生成的宽高相同的图片。

4

选择生成的图片尺寸大小，建议采用32*32的大小。点击“生成favicon.ico图标”按钮，即可生成。

5

点击“保存”链接即可将图片另存到本地磁盘。然后将文件重命名为favicon.ico。放到网站的根目录，强烈建议放在根目录。

6

然后在网站的每一个页面的head标签内加入两行代码。

<head>

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

<link rel="bookmark" href="/favicon.ico"/>

</head>

7

清空浏览器缓存，刷新网页网址即可看到网站的图标。

END

注意事项

在线转换之前一定要转换成长宽相等的图片，不然转换成ico之后，图片会被拉伸或者压缩。

在网站的每一个页面的head标签内记得加入两行引用ico的代码

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： atool favicon.ico

相关文章推荐

新的分享

章节导航