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

时间:2012-05-14 14:10:40

标签: android ios image mobile-website

我正在构建一个针对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的问题。除了照片之外,页面上还有其他东西可能是一个或两个按钮用于导航。在保存图片时,我应该选择小于全屏大小的内容,同时保持相同的宽高比吗?

我知道其中一些问题没有答案,答案是相对的,但我想得到一些意见。感谢。

2 个答案:

答案 0 :(得分:11)

对于Android,我认为最适合你的地方就是这里,它有很多信息,包括标准屏幕大小以及如何在保持最佳质量的同时显示图像。

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

我还建议在您的服务器上尽可能多地进行图像处理。由于内存限制和碎片,图像在Android上很难使用。两部手机可以存储以不同方向采用相同方式拍摄的照片,并且没有简单的方法来处理旋转,虽然可以做到(谢天谢地,我还没有遇到错误记录Exif数据的手机,但我不会如果它们存在就会感到惊讶......)。您依靠手机做的越多,由于制造商放置包装并以其他方式定制处理媒体的方式,您出错的可能性就越大。

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

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

答案 1 :(得分:6)

我没有完整的答案,但我确实有一些想法......

1)我建议在上传之前缩小图像尺寸。如果我使用你的应用程序而我必须上传一张4兆的照片,每次我想使用你的应用程序,我都可能会通过。随着我们向前发展,我们在拍照手机方面采用了更好的技术;诺基亚发布了一款4100万像素的摄像头,我估计这款摄像头会产生相当大的图像。用户必须下载4-6 MB的图像也不是一个好主意。从用户的角度来看,只是一些想法。

2)我不会剪切图像。您不一定知道图像的哪些部分不重要,那么您如何知道它的裁剪位置?让手机相应地调整图片大小,并依靠放大图片的能力来查看更大尺寸的图片。

3)您可以尝试制作隐藏按钮的UI。如果你有一些非常简单的东西(比如前进或后退),你可以依靠手势控制(滑动)来移动你的应用程序。您可以实现在使用时暂时占用空间的滑动抽屉和菜单,但是当您想要查看主要内容(图片,在您的情况下)时,可以为您提供空间。我通常发现隐藏按钮不能很好地工作,人们似乎想要/搜索让它们导航的按钮,但Android画廊只能用菜单+滑动才能正常工作,所以谁真的知道。