一、说明
关于网页在浏览器中显示的图标，強烈推荐使用.ico而不是使用png或者gif
- 所有的浏览器，包括IE5，都支持ico文件，gif、png等都没有ico支持范围广
- 如果有favicon.ico，服务器的404错误会有友好返回，现代大部分呢浏览器都会请求favicon.ico，这样错误页就会有对应图标显示，所以最好用ico！
- 一个.ico文件可以同时满足多个尺寸的需求，不需要每个尺寸单独生成一个文件
二、使用 -
将成功生成的图标文件下载并改名为favico.ico，上传到网站根目录。
- 在网站首页的源文件 head 中引入（例如vue-cli3搭建的vue工程）。
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
三、什么是favicon.ico
所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。
四、在线Favicon.ico制作转换工具
在线转换地址
ico图标在线转换工具能将png、jpg、gif等图片的格式转换成ico格式，帮您快速生成精美的ico图标。
网友评论