网站网址前的小图标怎么做上去的

网站网址前的小图标怎么做上去的

相信很多细心的朋友，在浏览很多网站的时候，都会发现在浏览器的地址栏前面会有一个小图标，在浏览器的标签位置也有一个小图标，例如百度 、腾讯等这样的国内大型网站都有这样的图标。这样的小图标是怎么做上去的呢？想不想在自己的网站也增加一个这样的小图标呢？有了这个小图标，你的网站就会比别人的网站更加醒目，更能引起其他人的注意。下面跟我一起来做吧！

第2步、制作ico格式的小图标

1、制作ico格式小图标的方法有很多，可以使用photoshop、fireworks等这样的软件来制作。不过，这样的软件专业性很强，一般人不建议使用，我们使用了在线制作的方法。在百度搜索“ico图标制作”，找到ico在线制作网站，如“www.ico.la”网站，如下图

2、打开这个网站，根据提示上传图像，上传图像后，得到很多ico图标的尺寸，下载我们需要的16*16,32*32两种尺寸的图标到电脑，如下图

第3步、使用ico小图标

2、“href”后面的参数是ico图标的地址，href="favicon.ico"的意思是说，我把这个图标文件存放在了和首页相同的的位置，也就是网站的主目录，具体根据你网站上存放的位置来写，如下图

第4步、上机测试

因为本网站程序是用ASP来开发的，所以在测试前，我们电脑上得安装好了IIS，并给网站新建了一个虚拟目录，如下图所示

在“index.asp”文件点右键，选择并点击“浏览”，如下图

我们看到在打开的网页上已经在地址栏、标签栏已出现了我们制作的小图标；发送这个网站的快捷方式到桌面，我们也看到了我们制作的这种小图标，如下图

至此，网址前的小图标已成功实现，是不是很开心、有成就感呢？