60

私はiPhone/iPadとAndroid携帯をターゲットにするモバイルアプリケーションを構築しています。このアプリケーションには、ユーザーが写真を撮ってサーバーにアップロードすることが含まれ、後でユーザーはモバイルデバイスでそれらの写真を見ることができます(ただし、必ずしも自分の写真である必要はないため、AndroidユーザーはiPhoneで撮った写真を見る可能性があります) )。

ほとんどのユースケースをカバーできるようにするには、写真をどのサイズで保存する必要がありますか?iPadは1.333W/ Hで、ほとんどの携帯電話は1.5または1.333 W / Hですが、まれに1.666 W/Hもあります。具体的には:

iPad:1024x768、iPad3:2048x1536、iPhoneおよびその他の電話:960x640、480x320、800x480。

管理しやすくするために、いくつかの特定の画像サイズを決定し、それらのサイズで写真を保存する必要があります。私は技術面での助けを本当に探していません。サーバー側などで画像スケーリングを行うことができます。画像の作成に取り掛かる前に、画像サイズに関する推奨事項/ベストプラクティス/教訓を探しています。

  • ほとんどのユースケースをカバーするために、どのサイズで写真を保存する必要がありますか?
  • 転送時間を節約するために、サーバーにアップロードする前にクライアント側でスケーリングすることをお勧めしますか(たとえば、2048x1536のiPad写真をスケールダウンする)、または常にオリジナルを転送する必要がありますか?
  • 互換性のない画像サイズ(AndroidデバイスでiPadで撮影した写真を表示するなど)をどのように処理する必要がありますか?クライアントに送信する前にサーバーでこれらの画像を事前にカットする必要がありますか、それともクライアントの電話に画像のサイズ変更を処理させる必要がありますか?
  • UIの問題もあります。写真以外にも、ナビゲーション用のボタンが1つか2つあるかもしれません。写真を保存するときに同じアスペクト比を維持しながら、フルスクリーンサイズよりも小さいものを選択する必要がありますか?

これらの質問のいくつかには1つの答えがなく、答えは相対的なものであることを私は知っていますが、私はいくつかの意見を得たいと思いました。ありがとう。

4

2 に答える 2

14

Androidの場合、ここから始めるのが最適だと思います。標準の画面サイズや、可能な限り最高の品質を維持しながら画像を表示する方法など、多くの情報があります。

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

また、サーバーでできるだけ多くの画像操作を行うことをお勧めします。画像は、メモリの制約と断片化のためにAndroidで操作するのが面倒です。2台の電話は、同じ方法で異なる向きで撮影された写真を保存する場合があり、回転を処理する簡単な方法はありません(ありがたいことに、Exifデータを誤って記録する電話にはまだ遭遇していませんが、私はそうしませんそれらが存在した場合は驚かれることでしょう...)。電話に頼るほど、メーカーがラッパーを配置したり、メディアの処理方法をカスタマイズしたりすることでエラーが発生する可能性が高くなります。

表示方法については、理想的には、バックエンドがすでにさまざまなサイズ変更を行っている場合は、画像をリクエストするときに画面密度を含め、開発ガイドに基づいて最適なサイズを送信できます。違いを最小限に抑えたい場合は、少なくとも電話では中密度または高密度をサポートし、タブレットでは超高密度をサポートします。

ちょうど私の2セント、あなたはたくさんの意見を持っていると確信しています。幸運を。

于 2012-05-14T15:18:18.207 に答える
8

完全な答えはありませんが、いくつかの考えがあります...

1) アップロードする前に画像サイズを縮小することをお勧めします。私があなたのアプリケーションを使用していて、4 メガの写真をアップロードしなければならなかったとしたら、あなたのアプリケーションを使いたいと思うたびに、おそらく合格するでしょう。そして、私たちが前進するにつれて、カメラ付き携帯電話に関してはるかに優れた技術にぶつかっています。Nokia は 41 メガピクセルのカメラをリリースしましたが、これはかなり大きな画像を作成できると思います。ユーザーが 4 ~ 6 MB のイメージをダウンロードしなければならないことも、良い考えではありません。ユーザーの観点からのいくつかの考え。

2) 私は画像をカットしません。画像のどの部分が重要ではないかを必ずしも知っているとは限りません。それに応じて電話に写真のサイズを調整させ、写真をズームインしてより大きなサイズで物を見ることができるようにします。

3) ボタンを非表示にする UI を作成してみてください。非常に単純なもの (前進または後退など) がある場合は、ジェスチャー コントロール (スワイプ) を使用してアプリケーション内を移動できます。使用時に一時的にスペースを占有するスライド ドロワーとメニューを実装できますが、メイン コンテンツ (あなたの場合は写真) を見たいときはスペースを取り戻すことができます。私は通常、ボタンを非表示にするとうまく機能せず、ナビゲートできるボタンを探している/検索しているように見えることを発見しましたが、Android ギャラリーはメニュー + スワイプのみでうまく機能するので、誰が本当に知っていますか.

于 2012-05-14T15:16:04.567 に答える