ICO图标的浏览器兼容性现状与应用方案

各个Web浏览器都支持通过HTML <img />或CSS background-image加载和渲染ico图标，但支持程度却让人哭笑不得。

下图是一套ico图标在各个浏览器的渲染效果，这套ico图标含16,32,64,256四种尺寸的图片。



左Internet Explorer，中Chrome，右Firefox

从图标的渲染效果可以看出：Internet Explorer只用ico图标中分辨率最低的图片，Chrome只用ico图标中分辨率最高的图片，Firefox则会根据显示大小自动选择ico图标中分辨率合适的图片来渲染。

对于一个具有造轮子能力的人，在IE和Chrome没有正式支持之前，提供一种polyfill/workaround使得ico图标在对ico图标支持不佳的浏览器中的渲染效果与Firefox相当，这不算难事。

先写到这，未完待续