优化Phonegap应用程序的图像

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

来源

2015-05-19 CountingStacks

我不是Phonegap专家，但AFAIK使用HTML作为接口。在这种情况下，我想你会寻找<picture>，特别是子标签<source>及其srcset和media属性。

在MDN详见：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture

来源

2015-05-19 14:39:02 Jack

谢谢！我发现了另一个有用的链接http://webdesign.tutsplus.com/tutorials/quick-tip-how-to-use-html5-picture-for-responsive-images--cms-21015。当然，唯一的问题是，这在一些浏览器上还不支持，包括Safari – CountingStacks

你可以尝试使用像https://github.com/scottjehl/picturefill这样的polyfill – Jack

如果这些图像是像图标或其它载体类型图像，然后使用可扩展的SVG。

如果他们是PNG或JPG，那么使图像很大，如1000px，但压缩50％。它们在大尺寸时看起来很好，在小尺寸时也很棒。

此外，如果用户必须向下滚动才能看到大量图片，请整合图片的延迟加载。使用延迟加载时，只有当它们进入视图时才加载。

来源

2015-05-22 23:07:32 Steve

优化Phonegap应用程序的图像

回答

相关问题