1、要预先制作一个图标文件，大小为16*16像素文件扩展名为ico，然后上传到相应目录中在源文件“”之间添加如下代码ltLink Rel=\quotICON NAME\quot href=\quot；为了制作一个ico格式的小图标，你需要确保图标文件的尺寸为32x32像素，因为这是浏览器识别的标准尺寸接着，你可以在网页的标签内添加以下代码，确保href属性中的地址是你存放ico图标文件的确切位置例如 这行代码会告诉浏览器从指定的路径加载ico文件完成代码插入后，你需要将修改后的HTML文件上传至；要在网页中使用Favicon，一种简单的方法是将制作好的图标文件命名为Faviconico，并上传至网站根目录如果希望将Favicon放置在其他目录或让不同网页显示不同的图标，需要在网页的HTML文件中进行相应设置这可以通过在HTML头部区域添加如下代码实现```html ```若要在Firefox中使用GIF动画格式的Favicon；1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的标签中，输入html代码其中iconpng是放大镜图标 3浏览器运行indexhtml页面，此时输入框右边添加了放大镜。

2、设置这个需要PHOTOSHOPFLASHFXP记事本来制作一个ico格式的小图标 1 使用PHOTOSHOP制作一个宽高均为32像素的小图标，制作完成后存储为ico格式的即可2 使用FLASHFXP下载网页到本地，并备份一份以防万一，使用记事本打开网页的源代码3 找到网页源代码的head部分，并在head部分插入下面这句代码，注意；打开网站的HTML或ASP文件，找到标签在标签内添加以下代码保存并上传修改后的文件三查看效果 刷新网页或使用浏览器访问该网站，此时在地址栏上应该可以看到显示的小图标请注意，以上步骤是针对网站faviconico图标的设置方法在WinXP系统中，浏览器地址栏的小图标通常是由访问的网站决定的，而非；接下来，将生成的faviconico文件上传到你的网站根目录下这时，如果将你的网站加入收藏夹并重新打开，你会发现网站已经显示了这个新图标当然，如果图标没有自动显示，你可以在网页的head部分添加如下代码值得注意的是，制作16*16的图标时，不要先制作大图再进行缩小处理，这样容易导致图标模糊不清。

3、完成图标制作后，可以使用Image2Ico工具将它们合并成一个Icon文件在网页中应用Faviconico，浏览器会首先在当前网页目录下查找，如果没有，会扩展到网站根目录最简单的做法是将Faviconico文件命名为所需，上传至根目录，如需指定其他路径或不同网页使用不同图标，需在HTML的部分添加如下代码对于Firefox；网页开发中，经常会用到一些小图标，比如一些箭头之类的，圆形图标也是经常用到的，很多时候这些图标都是直接使用图片来处理我们这里介绍一下用css来制作圆形图标，而不是用图片下面一起看下首先看下我们的html代码，很简单，就是一个div，用这个div来呈现一个圆， div class=#34css_yuan#；在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Faviconico，然后将其上传到网站的根目录即可如果您需要将Faviconico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，具体设置也很简单，在Html中的lthead部分加入如下的代码 程序代码 ltlink rel。

4、这样 ico 图标就制作完成了如何让 ICO 图标在网站上显示先将转换好的 ico 图标文件上传到网站任意目录，一般为根目录以我的为例，我上传到 bbs 目录下，也就是说 ico 文件的路径是 bbsfaviconico然后在需要显示该图标的页面模板头部 与 之间插入以下代码 如果你的模板是 XHTML；```5 对于Firefox浏览器，还可支持GIF动画格式的Favicon，需先制作16x16像素的GIF动画图标，并在HTML中加入相应代码```html ```6 如果使用的是XHTML规格的网站模板，请在 `` 标签最后的 `` 前加上 ``7 注意，若要在所有网页中显示自定义图标，需要在所有HTML模板中加入这段代码，并；要在网页上添加图标，首先需要将以下代码加入到你的网站源代码的HEAD部分具体的HTML代码如下ltlink rel=quoticonquot href=quot路径到你的图标jpgquot type=quotimagexiconquot 或者使用ltlink rel=quotshortcut iconquot href=quot路径到你的图标pngquot type=quotimagepngquot 请确保替换“。

5、在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Faviconico，然后将其上传到网站的根目录即可如果您需要将Faviconico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，具体设置也很简单，在Html中的部分加入如下的代码 程序代码 Firefox还；网站上的logo实际上是一个“faviconico”图片实现步骤第一步制作faviconico，大小为16*16毫米第二步将“faviconico”放到项目的根路径下第三步在所有html页面head中添加如下代码收藏用logo图标 网站显示页logo图标 第四步直接打开html页面，打开方式为常用的浏览器即可；要使浏览器在显示网页时前面带有自定义的小图标，首先需要准备一张扩展名为ico的图标文件，暂且命名为faviconico接下来，在需要添加图标的网页头部代码中，加入以下两行代码 这两行代码能够告知浏览器使用该ico文件作为当前页面的图标如果要链接到其他网站的图标，只需修改href属性的路径即可。

6、或者用favicon表示规格有32×3248×4864×64128×128，直接用PS做一个图片，命名为faviconico，然后用FTP软件上传到网站根目录替换原来的文件即可，如果不想用FTP软件，也可以在网站的后台进行更换Favicon是favorites icon的缩写，亦被称为website icon网页图标page icon页面图标或。