html如何设置logo

html-css049

html如何设置logo,第1张

以前在远标学过网站上的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页面,打开方式为常用的浏览器即可。效果如图

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