您的位置：首页 > 运维架构 > 网站架构

关于favicon网站图标的学习

2016-09-07 08:47 267 查看

①关于favicon.ico（收藏夹图标）:

一般作为网站的缩略图，呈现于地址栏的前端和收藏夹等地方；

例如：

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

具体做法是：

在head
之间插入下面的代码（记得要将图片文件重命名为favicon.ico）:

<link
rel="shortcut icon" href="/favicon.ico"/>

<link rel="bookmark" href="/favicon.ico"/>

若是gif，改成：

<link rel="icon" href="/favicon.gif" type="image/gif" />

推荐使用.ico文件，因为png与gif格式对于不同浏览器并未都能显示；

②favicon图标大小：

因为其长宽的大小限制，所以没有必要像素非常高，1~3kb的大小即可，过高会影响网站速度；
一般是16*16,32*32格式；

③favicon的使用：

A.可以将favicon.ico文件存放于网站的根目录，网站会自动调用图标进行显示；
B.将代码写于网站首页的<head></head>元素内，具体做法见①；

④favicon是否必要：

surf时，浏览器会首先请求favicon.ico，因此如果不设置的话，由于干扰请求程序，有时会造成网站速度变慢，甚至显示404错误；
因此为保证浏览器的正常请求顺序，建议使用favicon，并将其像素控制在较小值；

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航