favicon.ico图标一般出现在浏览器的地址栏和收藏栏网址前面。当您的网站被访问者访问或者收藏，那么您的站点图标就会在他的浏览器上或者收藏栏中展示出来。一般专业的网站都会有一个精美的小图标，这不仅仅只是一个图标，这将会提升他们的网站辨识度，今天就分享一下制作高清的和动态的图标教程。
工具/原料
1
Fireworks
2
Axialis IconWorkshop
3
网页
文字图标制作方法/步骤
2
做文字图标我们这里推荐使用Fireworks，因为这个软件操作简单，每个站长都应该接触过。首先我们打开软件新建一个16X16像素的背景，填色透明。
3
我们使用油漆桶工具填上绿色背景。
4
这里我们用“图”字做演示，我们打出“图”字，字体选择宋体，字号12，锯齿选择不消除锯齿，根据我的多次试验，只有按以上设置才会生成高清的图标。
5
我们把制作好的文件保存为图片格式，gif，jpg，png均可
软件生成图标步骤
1
我们刚刚已经制作好了图标的图片，文件我们现在把它转换为网站可以使用的favicon.ico。首先打开Axialis IconWorkshop
2
点新建，来自数幅图像的图标项目。
3
选择我们刚刚保存的那个图标文件。
4
选择新建适用于Microsoft Windows图标项目
5
这里，软件给出了很多的图标方案，也有很多的尺寸，我们今天的主题是制作favicon.ico，所以选择16X16-RGBA这个像素的方案即可。
6
在这个界面我们还可以根据自己的需求进行微调修改。
7
修改完毕后我们直接点文件另存为了。文件名填写favicon.ico
8
这样我们用软件制作的favicon.ico就成功了，我们把生成的favicon.ico上传到网站根目录下，刷新网页小图标就会显示在我们的浏览器上了。
网页制作步骤
1
上面的方法是用软件实现的，如果您的电脑连上了互联网，手中已经有了制作图标的源文件，那么下面就更加的简单了。
2
打开图标在线制作网站。
3
上传我们已经制作好的图片文件，点击在线生成。
4
下载图标文件。
5
上传favicon.ico至网站根目录即可。
注意事项
1
本条经验列了文字图标制作方法，图片图标制作步骤雷同。只是图标源文件需要设计师设计好。
2
这个在线制作图标的网站支持动态图标，但是不支持中文文字。
下一篇：朋友圈动态对让人不可见