现在的位置: 网页制作教程网站制作教程 >正文
网页基础教程

如何给网站添加Ico图标

发表于2017/1/2 网站制作教程 0条评论 ⁄ 热度 2,006℃

favicon.ico图标是网站的缩略标志,可以显示在浏览器标签、地址栏左边和收藏夹,是展示网站个性的缩略logo标志,也可以说是网站头像,如果要让网站看起来更专业、更美、更有个性,favicon.ico是必不可少的。

ICO图标

第一步:你需要设计一个自己的ico图标

首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。正常情况下尺寸16*16最佳,该图标要能代表您的网站的风格和个性。现在很多网站可以提供在线生成ico图标,你可以先在photoshop制作一个png图片,然后上传到网站在线生成图标。

第二步:给网站添加Ico图标

将生成好的图标命名为favicon.ico,上传到您的网站所在的服务器的根目录下。

无需对网站代码做改动,IE会自动的不停的搜索您的网站的根目录,只要它一发现了favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

当然,你也可以通过代码的方式给网站添加ico图标。

在网页文档中,加入link命令,<link>是放在<head>与</head>之间 ,常用代码如下:

<link rel="icon" href="/fav.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/fav.ico" type="image/x-icon"/>
  • 暂无评论