html如何在浏览器标签显示网站logo?

html如何在浏览器标签显示网站logo?,第1张

这个小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

网站上的logo实际上是一个“faviconico”。

实现步骤:

第一步:制作faviconico,大小为1616毫米;

第二步:将“faviconico”放到项目的根路径下。

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

//收藏用logo图标

//网站显示页logo图标

第四步:直接打开html页面,打开方式为常用的浏览器即可。

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

<HEAD>
<LINK REL="SHORTCUT ICON" HREF=">

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存