如何设置网页的小图标

网页中如何设置在网页地址栏中的小图标:

下面我们就讲讲：

link rel="SHORTCUT ICON" href="http://****/*****.ico"

link rel="BOOKMARK" href="http://*****/*****.ico"

这两个代码的作用。

在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置?

通常做法是:

要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。

在源文件“head/head”之间添加如下代码：

Link Rel=\"ICON NAME\" href=\"http://图片的地址（注意与刚才的目录对应）\"

收藏夹：

favicon.ico

你随便用一种画象素的工具，画一个图标，然后起成这个名字，上传到你所有网页文件的那个文件夹里就行了。

一般都会自动找这个favicon.ico的文件，只要有，就会显示。

并且是根目录下

地址栏的方法：

只是在网页中多加入下面一条代码就行了。

link rel=”shortcut icon” href=”sample.png” type=”image/x-icon” /

如果手头没有合适的工具制作图片，也可以选择一个自己喜欢的图片，然后到这个网站去自动生成一个。

Favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。

您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢？其实要实现这一目的非常简单。

第一步，准备一个图标制作软件。

首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http: //，这里提供一个免费的在线“收藏夹”图标生成器，如果您 E 文够好的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。

第二步，确定“收藏夹”图标的规格。

“收藏夹”图标有着它特有的规格：图标的大小为 16 * 16（以像素为单位）；所使用的颜色不得超过 16 色。 (为了清晰)

第三步，设计一个属于您自己的图标。

您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico。

最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。

如何制作网站ico小图标

先通过ps自己做一个自己中意的png图片，我们就要用这个图片制作成网站的ico.

用png格式的图片是因为png格式可以保存透明的图片。

使用搜索引擎搜索ico图标制作，第一个就是百度相关的应用，直接点击上传刚才制作的图片，然后点击“保存ico”

保存ico时，需要对文件进行重新命名，ico图标要命名为favicon.ico

保存好ico图标后，就要把图标上传到网站的根目录，也就是和网站首页在同一个目录下。

上传后，开始修改网站首页代码，在网站头部信息中加入一行代码。

代码

然后把首页上传就OK了，打开浏览器测试即可。

如果你使用的是360浏览器，这里是不会更新的，因为360是把图标保存到电脑本地上，名字为：域名.ico，需要把这个删除后才能生效。目录在C盘下，搜索下就能找到

如何给自己的网站添加小图标

使用PHOTOSHOP制作一个宽高均为32像素的小图标，制作完成后存储为ico格式的即可。

使用FLASHFXP下载网页到本地，并备份一份以防万一，使用记事本打开网页的源代码。

找到网页源代码的head部分，并在head部分插入下面这句代码，注意href里的地址是你存放ico图标的地址，根据你网站上存放的位置来写。

link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" media="screen" /

把修改过的网页文件上传到虚拟主机上，然后把做好的ico文件存放到虚拟主机的images这个网站目录里面。

网站左上角的小图标是怎么做的呢？

将已做好的图标文件放到自己空间根目录下，命名为favicon.ico。

浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件，如果没有，便到网站的根目录下寻找。

因此，在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico，然后将其上传到网站的根目录即可。

如果需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，具体设置也很简单，在Html中的部分加入如下的代码：

link rel="icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon"

link rel="shortcut icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon"

Firefox还支持GIF动画格式的Favicon,使用方法如下:

首先制作一个16*16的gif动画,然后在html代码head/head中加入如下代码:

link rel="shortcut icon" href="favicon.ico"

link rel="icon" href="animated_favicon.gif" type="image/gif"

如果网站模板是 XHTML 规格的，就在最后的前加个/。

注：如果想要所有的网页上都显示自己的图标，那就需要在你所有的模板上都加上这段代码，路径不要写错了。