移动应用程序的图像大小最佳实践

Question

我正在构建一个针对iPhone/iPad和Android手机的移动应用程序。该应用程序将涉及用户拍照并上传到我的服务器，稍后用户将能够在其移动设备上查看这些照片（尽管不一定是他们自己的照片，所以Android用户可能会查看使用iPhone拍摄的照片）。

我应该保存哪些尺寸的照片才能涵盖大多数用例？iPad是1.333 W/H，大多数手机是1.5或1.333 W/H，其中一些罕见的1.666 W/H。具体来说：

iPad：1024x768，iPad3:2048x1536，iPhone和其他一些手机：960x640,480x320,800x480。

为了便于管理，我需要确定一些特定的图像大小，并将照片保存为这些大小。我并不是真的在技术方面寻求帮助。我可以在服务器端进行图像缩放等。在构建图像之前，我正在寻找有关图像大小的建议/最佳做法/经验教训。

• 我应该将照片保存在哪种尺寸以涵盖大多数用例？
• 您是否建议在上传到服务器之前进行任何客户端缩放以节省传输时间（例如缩小2048x1536 iPad照片），或者我应该始终传输原件？
• 我应该如何处理不兼容的图像大小（例如，在Android设备上显示用iPad拍摄的照片）？我应该在发送到客户端之前在服务器上预先剪切这些图像，还是应该让客户端手机处理图像大小调整？
• 还有UI的问题。页面上除了照片之外还有其他东西，可能有一两个导航按钮。我应该选择比全屏更小的尺寸，同时在保存图片时保持相同的长宽比吗？

我知道有些问题没有一个答案，答案是相对的，但我想征求一些意见。谢谢。

Answer 1

我没有完整的答案给你，但我有一些想法...

1） 我建议在上传之前减小图像大小。如果我在使用你的应用程序，而我必须上传一张4兆的照片，每次我想使用你的应用程序，我可能都会通过。随着我们不断进取，我们在照相手机方面的技术越来越好；诺基亚发布了一款4100万像素的照相机，我猜它会产生相当大的图像。用户必须下载4-6 MB的图像也不是一个好主意。从用户的角度来看，这只是一些想法。

2） 我不会剪切图像。你不一定知道图像的哪些部分不重要，那么你怎么知道在哪里裁剪呢？让手机相应地调整图片的大小，并依靠放大图片的能力来查看更大尺寸的内容。

3） 您可以尝试创建一个隐藏按钮的UI。如果你有一些非常简单的东西（比如向前或向后），你可以依靠手势控制（滑动）来移动你的应用程序。您可以实现滑动抽屉和菜单，这些抽屉和菜单在使用时会暂时占用空间，但在您想查看主要内容（图片，在您的情况下）时会给您回空间。我通常会发现隐藏按钮并不能很好地工作，人们似乎想要/搜索让他们导航的按钮，但Android gallery只适用于菜单滑动，所以谁知道呢。

Answer 2

对于Android，我认为您最好从这里开始，它有很多信息，包括标准屏幕大小以及如何在保持图像质量的同时显示图像。

http://developer.android.com/guide/practices/screens_support.html

我还建议在您的服务器上尽可能多地处理图像。由于内存限制和碎片，在Android上处理图像是一件痛苦的事情。两部手机可能会存储以不同方向以相同方式拍摄的照片，并且没有简单的方法来处理旋转，尽管它可以做到（谢天谢地，我还没有遇到过错误记录Exif数据的手机，但如果它们存在，我不会感到惊讶...）。你越依赖手机做的事情，你就越有可能出错，因为制造商会在周围放置包装器，或者定制它处理媒体的方式。

至于如何显示，理想情况下，如果后端已经进行了一系列不同的大小调整，则可以在请求图像时包含屏幕密度，并根据开发指南发送最佳大小。如果您想将差异保持在最低限度，至少支持手机的中密度或高密度，以及平板电脑的超高密度。

只要我的两分钱，我相信你会有很多意见的。祝你好运