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

如题,求详解。

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

<link rel="icon" href="图片位置" type="image/x-icon"/>

或者用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个回答  2018-12-28

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

<link rel="icon" href="图片位置" type="image/x-icon"/>

或者用favicon表示:

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

扩展资料:

关于favicon图标的用途

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

1、生成图标ico

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

在线生成ico

2、html中设置

当成功生成favicon.ico图像文件后,浏览器会自动弹出一个zip的压缩文件 

将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录) 

在页面源文件的<head></head>标签之间插入

<head>

...

<link rel="shortcut icon" href="/favicon.ico" />

</head>

href中是ico图片的路径

本回答被网友采纳
第2个回答  2018-12-10

标题前的LOGO叫做网页图标或者收藏夹图标,一般用favicon表示。

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

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

扩展资料

收藏夹图标就是出现在浏览器地址栏左侧的那个小图标,收藏夹图标,也作网站头像。

收藏夹图标,袖珍图形,适用于比较细致的网站,可以在浏览器的地址栏里显示,紧邻着书签列表里网站的名字,还紧邻着文件对话框界面的网页标题。

事实上,如果你在网站上使用收藏夹图标,用户可以轻易在他们的书签里找到你的URL,通过这种方式,在你的网站和网站的访问者之间创造了一些视觉连接。

参考资料百度百科--Favicon

本回答被网友采纳
第3个回答  2018-05-18

浏览器标题前的logo设置需要添加一个“favicon.ico”图片文件。

实现步骤:

    根据logo制作“favicon.ico”文件,可以百度“ico制作”找到相关网站,上传logo图片,根据需求选择不同的尺寸生成对应“favicon.ico”文件;

2.将“favicon.ico”文件放到网站根目录下;

3.在所有需要显示logo的html页面head结束标签之前添加如下代码。

<link rel="bookmark"  type="image/x-icon"  href="favicon.ico"/>

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

<link rel="icon" href="favicon.ico">

设置完成后用浏览器打开html页面,就可以看到标题前的logo了,如图:

参考:

Favicon收藏夹图标,指出现在浏览器网站名称左侧的小图标。收藏夹图标,也作为网站头像。

当然,这不仅仅是收藏夹图标的全部,根据浏览器的不同,收藏夹图标显示也有所区别:在大多数主流浏览器如FireFox和Internet
Explorer
(5.5及以上版本)中,收藏夹图标不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳收藏夹图标到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的收藏夹图标等。

从特定的技术角度看,收藏夹图标也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

本回答被网友采纳
第4个回答  2018-05-31

在<head></head>标签之间输入<link rel="icon" href="图片位置" type="image/x-icon"/>。

    示例 <head><link rel="icon" href="图片位置" type="image/x-icon"/></head> 。

    设置HTML文件的默认打开方式为firefox,在html文件上面点右键,打开方式。

    选择默认打开方式,选择firefox,在始终使用选择的程序打开这种文件的前面打勾。

拓展资料:

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

本回答被网友采纳

html中如何设置浏览器中标题前的logo?
规格有32×32、48×48、64×64、128×128,直接用PS做一个图片,命名为favicon.ico,然后用FTP软件上传到网站根目录替换原来的文件即可,如果不想用FTP软件,也可以在网站的后台进行更换。Favicon是favorites icon的缩写,亦被称为website icon(网页图标)、page icon(页面图标)或urlicon(URL图标)。

如何在网页的标题栏上添加上小LOGO?
1、打开DW并新建一个html页面。2、在head标签中输入【<linkrel="icon"type="image\/x-icon"href="#"\/>】,在井号位置按一下空格,点击【浏览】按钮。3、在本地找到保存的图标,点击【打开】。4、将title名字修改成需要的网站名称。5、保存后刷新网页即可完成。

如何在网页设计的标题便签title上看到公司LOGO
方法是:找一个或者作一个ico文件,然后把文件的名字改为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下就行了。这样的话浏览器会不停的搜索网站的根目录,只要它一发现了名字叫做favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列...

如何修改网站的名称和浏览器图标
设置完成后用浏览器打开html页面,就可以看到标题前的logo了

浏览器标题和图标、网站标题和logo的设置教程
在电脑网站设计页面左侧导航点击【设置-基础设置】,将【浏览器后缀】显示,自定义后缀信息即可完成设置。3.1 效果对比 3.2 产品或文章的独立后缀设置,请在管理后台的【百度优化-TDK设置-网站TDK设置】中操作,勾选并输入对应的标题后缀。4. 网站标题与logo 4.1 网站标题 在电脑版网站设计页面的【...

网页前面的小图标怎么弄
1、第一步,准备一个图标制作软件。首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.汉化修正版下载地址:http:\/\/www.skycn.com...

网站标题logo怎么在搜索引擎中展现?
在你的网站代码<\/head>标签内加入<link rel="shortcut icon" href="\/favicon.ico" \/> 百度搜索ICO图标生成,用你的logo生成ico图标,然后放到网站根目录,文件名为 favicon格式为ico。刷新浏览器即可在浏览器顶部显示ico图标。至于你的第一个截图,搜索列表显示ICO图标,不管你的网站流量大小,目前没...

如何修改网页logo如何修改网页代码
1、打开浏览器搜索B站网站,点击进入;2、进入网站后,在右上方那里,点击自己的头像,进入个人空间;3、右上角,可以看到有个彩虹标志;4、点击彩虹标志,有免费的系统图片可以选择,选择图片确定即可;5、如果是想把自己的图片作为背景,就需要大会员了,只有大会员才有这个特权。网站logo是什么?网站...

浏览器地址栏左边的LOGO 怎么放上去呢?
所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中...

网站标题logo怎么在搜索引擎中展现?
百度站长--用户中心---站点管理里面,选择想要设置的网站,--选择站点属性设置 就可以设置站点logo了,但不是所有站点都有权限设置的哦!官方有给了解释,你可以自己看下 总的来说,老网站,权重较高的站点才有这个权限,新站基本是不没有了,至少我没遇到过哈,老站基本都有!

相似回答