html中如何设置浏览器中标题前的logo?_随笔

在<head></head>标签之间输入

或者用favicon表示：

规格有32×32、48×48、64×64、128×128，直接用PS做一个图片，命名为favicon.ico，然后用FTP软件上传到网站根目录替换原来的文件即可，如果不想用FTP软件，也可以在网站的后台进行更换。

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

扩展资料

关于favicon图标的用途

favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,比如下面的百度的logo，目前主要的浏览器都支持favicon.ico图标。

1、生成图标ico

很多网站都支持在线将图片转成ico格式,图片的大小一般是几百k左右

在线生成ico

参考资料来源：百度百科-favicon

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

实现步骤：

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

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

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

//收藏用logo图标

//网站显示页logo图标

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

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

html中如何设置浏览器中标题前的logo?