favicon.ico的介绍

发布网友 发布时间：2022-04-20 16:24

我来回答

共2个回答

懂视网 时间：2022-04-20 20:45

favicon 的概念

favicon 中文译名是收藏夹图标，不仅是网站的头像，也是其可以让浏览器的收藏夹中除了显示相应的标题外，还以图标的方式区分不同的网站。

浏览器的支持

FF 浏览器还支持动态的 favicon，让你的网站更有个性

一个冷知识

favicon 在一定程度上减轻服务器的流量带宽占用，一般为了提高网站的可用性，我们都会为自己的网站创建一个自定义的404错误文件，在这种情况下，如果网站没有相应的favicon.ico文件，每当有用户收藏网站/网页时， Web服务器都会调用这个自定义的404文件，并在网站的错误日志中记录。这显然是应该予以避免的。

偶尔设置了 favicon 发现没有显示

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

现在格式已经没有那么严格了， 没有 type 也是可以的

webpack 怎么打包 favicon ？

如果你是用 html-webpack-plugins 来处理 html的话，这个插件已经提供了 favicon ，你只要写好 favicon 所在的路径就可以了， 如：

const htmlPlugin = new HtmlWebpackPlugin({
 favicon: path.resolve(publicDir, './imgs/favicon.ico')
});
pluginsConfig.push(htmlPlugin);

插件就会自动帮你打包到 html 的 head 里面;
不是的话需要自己处理这个图标，再引用

更多favicon 不只是个图标 相关文章请关注PHP中文网！

热心网友 时间：2022-04-20 17:53

所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。