为Phonegap应用优化图像

Question

在iOS上为原生开发优化图像非常简单，只需使用不同设备和分辨率的图像目录，但在Javascript中有哪些优化技术？最佳做法是以不同的分辨率保存一堆相同的图像，并根据设备大小选择最佳图像？你如何有效地做到这一点？我正在开发此应用程序以在iOS和Android上发布，那么我应该如何优化我的图像以便我保持最佳的质量，同时保持较小的应用程序大小和最佳性能？

Answer 1

我不是Phonegap专家，但是AFAIK使用HTML作为界面。在这种情况下，我认为您会查找string inputData = "sometex10"; string data = System.Text.RegularExpressions.Regex.Match(inputData, @"\d+").Value; int number1 = Convert.ToInt32(data); ，特别是子标记<picture>及其<source>和srcset属性。

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

Answer 2

如果这些图像类似于图标或其他矢量类型图像，则使用可缩放SVG。

如果它们是PNG或JPG，则使图像变大，如1000px，但压缩50％。它们在大尺寸下看起来很好，在较小尺寸下看起来很棒。

此外，如果用户必须向下滚动以查看大量图像，则集成延迟加载图像。延迟加载时，只有在进入视图时才会加载。