浏览器logo
① 怎么设置浏览器窗口的网站logo,我说的是网页前端
网站上的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页面,打开方式为常用的浏览器即可。
② 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是与某个网站或网页相关联的图标。
(2)浏览器logo扩展阅读
关于favicon图标的用途
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,比如下面的网络的logo, 目前主要的浏览器都支持favicon.ico图标 。
1、生成图标ico
很多网站都支持在线将图片转成ico格式,图片的大小一般是几百k左右
在线生成ico
③ 怎么让自己的网站在浏览器里有特殊的LOGO
第一步、要确复定网站制的主题和图案所选,因为favicon文件时代表网站的标志。制作好图片之后就可以用工具制作了,具体请搜“favicon在线制作”,上传好图片后,就可以选择生成一个32x32像素或64x64像素的favicon文件。
第二步、将做好的favicon图片文件上传至你网站的根目录下,即www目录下。且保证命名为favicon.ico。
第三步、将这句代码
<link href="/favicon.ico" rel="icon" type="image/x-icon" />
放入到各页面的<head></head>之间。
这时候重新生成更新网站,并清除浏览器缓存。刷新下,就可以看到网站漂亮的favicon文件了。
④ 怎样让网页显示logo
这是主页图标logo
满足你的要求,你要先学会做图标文件(即ico文件)
且此图标文件的格式为16 X 16大小像素
且此图标文件名必须为:favicon.ico
且此图标文件必须与你的主页文件(index.htm或index.html或index.asp)为同目录下
只有这样,别人在浏览你主页的时候,IE会自动搜索favicon.ico图标文件,并自动显示在该主页网址的最前面。
⑤ 浏览器地址栏左边的LOGO 怎么放上去呢
这是因为他们使用了favicon 也就是在网站根目录下放了一个favicon.ico文件
什么是favicon?
所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。
如何制作Favicon.ico
制作Favicon.ico的方法相当简单,首先,利用图形工具创建2个反映网站主题的256色的小图片:1个为32×32像素,另一个为16 ×16像素。需要注意的是,调色板要选用“Windows 默认调色板”,不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。
需要说明的是,在很多关于Favicon.ico的说明中,常见到要求图片为16色的说法,应该说这类说法大大过时:在早期如Windows 95时期,16色的Favicon.ico可能是个稳妥的选择,保证其在大多数情况下正常使用,但现在,完全不存在那类限制,16色只能使图标的展示效果大大降低。
至于在浏览器中使用时16×16像素的图片已经足够,为什么还要准备32×32像素的图片,原因在于,正如上文所言,favicon也显示在地址栏中,用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的,如果您的Favicon.ico不包括32像素的图片,系统就只能使用默认的浏览器图标来标注网站/网页,如Internet Explorer的蓝色“e”,起不到我们意欲通过Favicon.ico打造网站品牌的作用。
图片制作好后,使用如Image2Ico之类的小程序即可将2张图片转换到一个Icon文件中。也可以通过可以在线制作Favicon的网站来制作,不过,需要注意的是,这个网站要求图片源文件格式为Pic。
在网页中使用Favicon.ico
浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入如下的代码:
程序代码: <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
Firefox还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:
程序代码 <link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
⑥ 什么是浏览器 怎么看 有什么标志
没有什么特殊的标志,什么东西都是尝试一下才知道的,浏览器也是如此,不可能浏览器上的图标告诉你"浏览器"三个字你才确定它是浏览器啊?
⑦ html如何在浏览器标签显示网站logo
在网站根目录下放一个 favicon.ico的
浏览器会自动抓取根目录下的这个文件名 favicon.ico的图片图标为浏览器标签Logo
⑧ 如何把网站LOGO 放到浏览器中!
搞个ico格式的文件,BMP的也可以,命名为 favicon.ico ,放在网站根目录下,然后在页面上加上下面的代码:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />