网页中favicon ico图标的作用是什么

本篇内容介绍了“网页中favicon ico图标的作用是什么”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

　　网站favicon.ico文件的用途很简单，就是在浏览器标签里，最前面显示的那个logo，不过好像很多新手做网站都没有留意这个图标怎么来的，因为编辑器代码里根本不写也会有个默认图片。不过总的来讲，这个图标还是自己定义比价好，起码作为一种“logo”，可以让人一眼就认出你的网站。默认的话，不需要写代码。直接在网站根目录放一个图片文件，ico类型，全名为：favicon.ico。

　　favicon图标的作用：

　　手写的话，可以改下名字，html代码如下（href里引用了images路径下的文件地址）：

　　<linkrel="ShortcutIcon"href="images/favicon.ico"sizes="16x16">

　　favicon.ico图标大小做多大合适？

　　网站的favicon.ico图标大小到底做成多大才比较合适？16x16或32x32还是128x128？很多人都想当然的认为，这个favicon.ico图标尺寸越大越清晰，展示起来越给力！但是根据实际测试，超过32x32的favicon.ico图标，不但效果没有明显改变，而且还会导致某些浏览器无法展示。而且之前的谷歌网站图标缓存服务器，超过16kb就不会缓存，而是直接展示默认的图标。而16x16和32x32的网站图标，实际展示在浏览器标签栏的效果也没有很明显的区别。

　　所以，对于网站favicon.ico图标的大小，建议大家选择16x16或者32x32，再大也是完全没有必要的。效果不见涨，还可能会影响网站速度。

　　favicon.ico图标的制作

　　favicon.ico类型的文件生成需要专门的工具，不像PNG这么方便。下面给出本网站的制作favicon.ico的链接：点击进入

“网页中favicon ico图标的作用是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！