解决问题
- 最早开始使用的图片形式
多倍图,一般做2倍,在小分辨率下就很浪费
为了挺升用户体验,会分开做几套图片,根据用户的dpi判断加载对应的图片
- 使用iconfont字体图标
iconfont本身就是字体文件,会矢量适配各种不同dpi。支持单色,变色填充
但是在PC上当图标小于等于16px时,或者复杂度高的图标会出现比较
严重锯齿,图标无法展示清晰,特别在chrome下的表现尤为严重。正因为如此这个技术在推进过程中遇到许多困难,因为在很多场景下图标
确实会较小甚至小于16px,而且有些16px的图标如果复杂度较高,iconfont实现出来的icon会经常出现看不清的情况,而且国内PC用户是占
最多的,所以iconfont的这种表现效果很