IT培训 / 新闻资讯 / Web开发教程 / web前端：网站的favicon图标

web前端：网站的favicon图标

作者：小咸鱼|大梦想来源： https://www.cnblogs.com/SSPOFA/p/11885794.html点击数：1001发布时间： 2020-03-13 15:23:06

标签：图像 favicon 网站

　　Favicon是favoritesicon的缩写，亦被称为websiteicon(网页图标)、pageicon(页面图标)或urlicon(URL图标)。Favicon是与某个网站或网页相关联的图标。

　　favicon.ico文件生成还是有些难度的:它不是标准的位图文件，需要用专门的收藏夹图标编辑器生成。现在网上有在线favicon生成器服务:直接上传你喜欢的图片，直接生成16*16像素的favicon.ico文件，还有在线预览功能。

　　网站的favicon图标

　　favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上。

　　制作favicon图标

　　把图片转换为png图片

　　把png图片转换为ico图标，这需要借助第三方转换网站，例如比特虫：http：//www.bitbug.net/

　　favicon图标放到网站根目录下

　　html页面引入favicon图标

　　在HTML页面里面的<head></head>元素之间引入代码

　　<linkrel="shortcuticon"type="image/x-icon"href="favicon.ico"/>

　　Mozilla浏览器通过一种遵从web标准的方法添加了对favicon的支持。它采用rel="icon"并允许网络设计人员添加任何支持的图像格式的favicon。例如<linkrel="icon"type="image/png"href="http://www.kokojia.com/path/image.png"/>。后来鉴于此功能将被用于所有新内容，多数浏览器都对此功能增加了支持。

踩(0)

分享到：

上一篇：web前端：ES6 Map

下一篇：web前端：移动端分辨率+小程序的自适应单位RPX