javascript - 优化 Phonegap 应用程序的图像

标签 javascript image cordova optimization

在 iOS 上优化图像以进行 native 开发非常简单,只需使用不同设备和分辨率的图像目录,但在 Javascript 中,优化技术是什么?最佳实践是以不同分辨率保存一堆相同的图像并根据设备尺寸选择最佳图像吗?你如何有效地做到这一点?我正在开发此应用程序以在 iOS 和 Android 上发布,那么我应该如何优化我的图像,以便在保持较小的应用程序大小和最佳性能的同时获得最佳质量?

最佳答案

我不是 Phonegap 专家,但据我所知,您使用 HTML 作为界面。在这种情况下,我想你会寻找 <picture> ,特别是子标签 <source>及其 srcsetmedia属性。

在 MDN 上查看更多信息:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture

关于javascript - 优化 Phonegap 应用程序的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30328627/

相关文章:

python - 如何使用 scikit-image 反转黑白?

javascript - 使用 CSS、HTML 和 Javascript 在随机图像的页面上调整图像大小

javascript - app.receivedEvent 不是一个函数

javascript - 用于 PhoneGap/cordova 的条形码扫描器

javascript - 在导航样式上使用 getElementById?

javascript - 为什么在 javascript 中使用 for in 循环时字符串不匹配

javascript - 如何在 View MVC 中更改 img src

ios - Cordova Media 未定义 iOS

javascript - 日期选择器突出显示日期(如果不可用)

javascript - 如何防止 $state 刷新任何不依赖于正在更改的 $state.var 的组件?