移动混合应用图像嵌入,png 与内联 base64 与字体



我正在寻找有关此问题的一些反馈,我正在使用Sencha Touch 2.0构建通过PhoneGap/Cordova打包的混合应用程序。

我很想使用字体来嵌入符号(并自动摆脱分辨率问题)。我只是喜欢桌面 http://fortawesome.github.com/Font-Awesome/,我想知道它是否也适用于移动应用程序。

但是,我也在努力获得最佳性能。

想法是能够在巨大的列表(>500个项目)上使用这些符号。而且我完全不知道这些方法(png 与 inlined-base64 与字体)将如何比较。

看起来 Sencha 团队正在使用内联 base64 而不是静态 png。

FontAwesome

我正在做一个项目,我们曾经使用FontAwesome,在iOS上一切正常。但是我们遇到了一个大问题,它在Android上不起作用,我们也没有弄清楚如何解决这个问题。因此,如果您不考虑为Android手机制作应用程序,或者它恰好适合您,那么我建议您选择它。使用网络字体,就像您说的,您不必关心屏幕分辨率,您可以轻松更改图标的颜色和大小,我发现这很方便。

.PNG

我想PNG的唯一问题是你为获取它们而发出的HTTP请求的数量。所以我能给你的唯一建议就是使用精灵。你可以使用像Glyphicons这样的东西,它给你的图标就像FontAwesome一样。

内联底座64

此解决方案的唯一问题是图像 URI 不得大于 32k(根据何时考虑 base64(数据:URI)图像?IE6/7显然不支持它,我认为这不是问题,因为Sencha仅支持webkit浏览器。

所以,根据我的经验,如果可能的话,选择FontAwesome,否则精灵应该永远是静态图像的方式。

希望它有帮助

最新更新