html如何在浏览器标签显示网站logo？_随笔

这个小LOGO叫做网页图标或者收藏夹图标，不用修改html文件。

一般的规格为32×32、48×48、64×64、128×128，用PS做一个，然后改名为favicon.ico，一定要扩展名也改，然后用FTP软件上传到网站的根目录替换原来的就可以了。

Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标），Favicon是与某个网站或网页相关联的图标。

扩展资料

制作Favicon.ico的方法相当简单：

第一步，利用图形工具创建2个反映网站主题的256色的小图片，1个为32×32像素、另一个为16 ×16像素。需要注意的是，调色板要选用“Windows 默认调色板”，不然，在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。

在很多关于Favicon.ico的说明中，常见到要求图片为16色的说法，应该说这类说法大大过时，在早期如Windows 95时期，16色的Favicon.ico可能是个稳妥的选择，保证其在大多数情况下正常使用，但现在，完全不存在那类限制，16色只能使图标的展示效果大大降低。

第二步，使用如Image2Ico之类的小程序即可将2张图片转换到一个Icon文件中。也可以通过可以在线制作收藏夹图标的网站来制作，不过，需要注意的是，这个网站要求图片源文件格式为Pic。

参考资料百度百科--Favicon

以前在远标学过网站上的logo实际上是一个“favicon.ico”图片。

实现步骤：

第一步：制作favicon.ico，大小为16*16毫米；

第二步：将“favicon.ico”放到项目的根路径下。

第三步：在所有html页面head中添加如下代码。

//收藏用logo图标

//网站显示页logo图标

第四步：直接打开html页面，打开方式为常用的浏览器即可。效果如图

第一步:用Photoshop制作好你想要的图标,支持16*16和32*32尺寸

第二步:用ico转换工具（百度搜）把用Photoshop做好的图标转换成ico格式的文件，文件名favicon.ico

第三步:上传到你空间的根目录

下面就是修改模版head.htm文件了

用记事本打开head.htm模版文件在<head></head>之间加进以下代码

<link

rel="shortcut

icon"

href="favicon.ico"

<link

rel="bookmark"

href="favicon.ico"

修改完成

<link

rel="shortcut

icon"

href="favicon.ico"

>IE地址栏前换成自己的图标

<link

rel="bookmark"

href="favicon.ico"

>可以在收藏夹中显示出你的图标

需要注意的是，这个很多时候不是立即就能显示的，原因我也不知道，我有一回搞这个，一直不显示。到处找不到原因，然后只好放弃了，谁知道一天以后自己出来了

欢迎分享，转载请注明来源：内存溢出

html如何在浏览器标签显示网站logo？