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

为了不被误会,再解释一下:我们在用浏览器时,标签栏里边不是有好多网站,我们点击标签切换标签页面,那么比如百度在标签上的掌印的图片效果要如何用html实现????... 为了不被误会,再解释一下:
我们在用浏览器时,标签栏里边不是有好多网站,我们点击标签切换标签页面,那么比如百度在标签上的掌印的图片效果要如何用html实现????
展开
 我来答
合兴利电气
推荐于2019-11-16 · TA获得超过1.6万个赞
知道答主
回答量:84
采纳率:100%
帮助的人:2.3万
展开全部

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

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

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

扩展资料

制作Favicon.ico的方法相当简单:

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

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

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

参考资料百度百科--Favicon

198901245631
2015-04-23 · TA获得超过3.5万个赞
知道大有可为答主
回答量:9037
采纳率:92%
帮助的人:1702万
展开全部

网站上的logo实际上是一个“favicon.ico”图片。
实现步骤:
第一步:制作favicon.ico,大小为16*16毫米;
第二步:将“favicon.ico”放到项目的根路径下。
第三步:在所有html页面head中添加如下代码。

    //收藏用logo图标
    <link rel="bookmark"  type="image/x-icon"  href="favicon.ico"/>
    //网站显示页logo图标
    <link rel="shortcut icon" href="favicon.ico">

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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
中链优盟
2012-10-10 · 超过28用户采纳过TA的回答
知道答主
回答量:68
采纳率:0%
帮助的人:71.2万
展开全部
这个需要用给你公司的logo制作一个格式为.ico的文件,后放在你的网站根目录下,就可以了!网上有很多制作工具,你在百度里面输入:ico图标制作就会有很多供你选择!
追问
懂了一些,但是我更侧重于html如何实现,正在苦逼地学习html中……
多谢了
追答
html中不需要做任何事情!
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
942129263
2012-10-11 · TA获得超过364个赞
知道小有建树答主
回答量:262
采纳率:0%
帮助的人:144万
展开全部
可以在head标签中加入:
<link rel="bookmark" type="image/x-icon" href="图片地址"/>
<link rel="shortcut icon" href="图片地址">
<link rel="icon" href="图片地址">
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
莲恋夏日
2012-10-11
知道答主
回答量:20
采纳率:0%
帮助的人:4.4万
展开全部
在 head 标签中加入代码:
<link rel="shortcut icon" href="图片路径" type="image/x-icon" />
<link rel="bookmark" href="图片路径" type="image/x-icon" />
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式