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

这位网友你好，如果你说的是网站浏览器标题前面的小图标，可以用下面的方法：

1. 将图标文件命名为favico.ico（有在线生成工具，不能只改后缀名），上传到网站根目录。

2. 在网站首页的源文件<head></head>之间插入下面的斜体部分代码<head>……<link rel="shortcut icon" href="favicon.ico"></head>

3.动态ico图标的实现方法，先把做好的gif动态图标命名为favico.gif <head></head>之间加上： <link rel="icon" href="favicon.gif" type="image/gif" >

在网页标题栏中插入图片图标步骤如下：

1、打开DW并新建一个html页面。

2、在head标签中输入【<link rel="icon" type="image/x-icon" href="#" />】，在井号位置按一下空格，选择【浏览】按钮。

3、在本地找到你刚才设计保存的图标，并点击【打开】。

4、这样图标地址就输入完成了，我们可以再把title名字修改成你的网站名称，如【百度经验】，保存后刷新网页可以看到我们网页的标题和图标都制作好。

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

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