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

在<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。把图标放在网站的根目录下

2。然后在页面中的<head>标签中加入<link rel="shortcut icon" href="/favicon.ico">即

<head>

</head>

记得保存网页.

3。在浏览器地址栏上输入ico图标的路径,检查图标是否放置正确.即http://xxx/favicon.ico 。如正确则会在网页上显示你的图标。（如不显示请在检查下路径）

4。输入网址。查看浏览器状态栏上是否有图标。没有则是以下原因。

①、浏览器缓存造成。因为你的项目在浏览器中第一次输入网址时，浏览器没有找到你的图标。按浏览器网页优化原则。无论找到找不到你的图标。都会缓存这个状态。即首次访问时候已经缓存成无图标网页，需要情况缓存，关闭浏览器之后从新打开预览。

②、浏览器状态栏标记原则。这个常见于谷歌浏览器，网页图标状态不与网页直接缓存，而是单独标记起来。这种解决的办法就是在浏览器地址栏上打开你的图标地址后，鼠标按住图标，拖到图标位置。多拖动几次。多刷新几次即可。

5。用了以上办法还没解决。请联系本帅哥扣扣：七九零七零九吾就爱艾特扣扣到康姆。。

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

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" >

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

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