网页中favicon.ico图标的作用、尺寸、制作
favicon图标的作用:
网站favicon.ico文件的用途很简单,就是在浏览器标签里,最前面显示的那个logo,不过好像很多新手做网站都没有留意这个图标怎么来的,因为编辑器代码里根本不写也会有个默认图片。不过总的来讲,这个图标还是自己定义比价好,起码作为一种“logo”,可以让人一眼就认出你的网站。默认的话,不需要写代码。直接在网站根目录放一个图片文件,ico类型,全名为 :favicon.ico。
手写的话,可以改下名字,html代码如下(href里引用了images路径下的文件地址):
<link rel="Shortcut Icon" 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的链接:点击进入
工具截图如下:

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!