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

html中如何设置浏览器中标题前的logo?,第1张

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

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

或者用favicon表示:

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

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

扩展资料

关于favicon图标的用途

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

1、生成图标ico

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

在线生成ico

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

补充回答:
制作ico文件的软件有很多啊 ,去百度一下
好象有个 IconWorkshop 软件 搜一下看看
-----------------------------------------------------------------------
图标文件ico最好放在你的网站根目录里,必须保证你的文件是ico文件(单纯的把其他文件后缀名改成ico是不行的)
满足这些条件后,在head之间插入这样的代码就行了
<link rel="Shortcut Icon" href="faviconico"><!--网页标题显示-->
<link rel="Bookmark" href="faviconico"><!--被收藏后,收藏夹显示-->
type="text/css" 在这里多余 不用理它

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

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

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

扩展资料

制作Faviconico的方法相当简单:

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

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

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

参考资料百度百科--Favicon

不知道你说的是不是地址栏的图标
首先在网站的根目录下放一个faviconico图标文件,然后在主页的<head>与</head>之间加入以下代码:
<link rel="SHORTCUT ICON" HREF="faviconico">
如果再加入以下代码:<LINK REL="Bookmark" HREF="faviconico">就可以在收藏夹中显示出你的图标了:)
图标的大小为1616,3232,4848三种格式(以像素为单位),在收藏夹里出现的是1616

第一步,准备一个图标制作软件。

首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标

第二步,确定“收藏夹”图标的规格。 

在收藏夹里出现的是1616;所使用的颜色最好成绩不要超过16色。(为了清晰),如果你不清楚可以在C盘查找ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。

第三步,设计一个属于您自己的图标。 

你可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:faviconico。

最后,只需要将这个图标文件(faviconico)上传到您的网站所在的服务器的根目录下。(也就是你的主页indexhtml所在的那个文件夹)您不需要对您的网页文件作任何的修改,IE5会自动的不停的搜索您的网站的根目录,只要它一发现了faviconico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。 

如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的HEAD部分加入下面的内容: 

注意:该图标的路径一定要使用绝对路径。 

还有一点需要说明的是:有些WEB站点的主机服务器不支持图标文件格式,那就没办法了。

你指的是ico图标吧。faviconico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,目前主要的浏览器都支持faviconico图标。\x0d\你可以首先去网上找一个ico图标在线制作的网页,把图标制作好后,上传到网站页面程序,在页面源文件的标签之间插入该段\x0d\\x0d\最后形成:\x0d\\x0d\\x0d\\x0d\\x0d\然后,就ok了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10478107.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-09
下一篇 2023-05-09

发表评论

登录后才能评论

评论列表(0条)

保存