Favicon是favorites icon的缩写,亦被称为website icon(网页图标)、page icon(页面图标)或urlicon(URL图标)。Favicon是与某个网站或网页相关联的图标。
也称作收藏夹图标
favicon.ico文件生成还是有些难度的:它不是标准的位图文件,需要用专门的收藏夹图标编辑器生成。现在网上有在线favicon生成器服务:直接上传你喜欢的图片,直接生成16*16像素的favicon.ico文件,还有在线预览功能。
范例1
<!-- FAVICON -->
<link rel="icon" href="images/favicon/favicon.png">
<link rel="icon" href="images/favicon/favicon.png" sizes="57x57">
<link rel="icon" href="images/favicon/favicon.png" sizes="72x72">
<link rel="icon" href="images/favicon/favicon.png" sizes="114x114">
<link rel="icon" href="images/favicon/favicon.png" sizes="144x144">
范例2
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/favicon.ico" sizes="32x32" />
<link rel="icon" href="/favicon.ico" sizes="64x64" />
<link rel="icon" href="/favicon.ico" sizes="128x128" />
范例2
<link rel="icon" href="https://www.inkthemes.com/wp-content/uploads/2018/07/cropped-inkthemes-logo-32x32-1.png" sizes="32x32" /><link rel="icon" href="https://www.inkthemes.com/wp-content/uploads/2018/07/cropped-inkthemes-logo-32x32-1.png" sizes="192x192" />
百度是怎么处理的?
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" sizes="any" mask href="//www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg">
shortcut icon,特指浏览器中地址知栏左侧显示的图道标,专一般大小为16×16,后缀名为.icon;
icon,指的是图标,格式可为PNG\GIF\JPEG,尺属寸一般为16×16、24×24、36×36等。
icon,指的是图标,格式可为PNG\GIF\JPEG,尺属寸一般为16×16、24×24、36×36等。
Answer…