Оптимальные примеры изображений для мобильных приложений

Я создаю мобильное приложение, которое будет нацелено на телефоны iPhone/iPad и Android. Приложение будет включать пользователей, которые будут фотографировать и загружать на мой сервер, а затем пользователи смогут просматривать эти фотографии на своих мобильных устройствах (хотя не обязательно их собственные фотографии, поэтому пользователь Android может смотреть фотографию, сделанную с iPhone).

Какими размерами я должен сохранять фотографии, чтобы иметь возможность использовать большинство случаев использования? iPads 1,333 Вт/ч, большинство мобильных телефонов составляют 1,5 или 1,333 Вт/ч с некоторыми редкостью 1,666 Вт/ч. В частности:

iPad: 1024x768, iPad3: 2048x1536, iPhone и некоторые другие телефоны: 960x640, 480x320, 800x480.

Чтобы иметь возможность управлять ею, мне нужно решить несколько определенных размеров изображений и сохранить фотографии в этих размерах. Я не ищу помощь на технической стороне. Я могу сделать масштабирование изображения на стороне сервера и т.д. Я ищу рекомендации/лучшие практики/уроки, касающиеся размеров изображений, прежде чем я зашел слишком далеко в его создание.

Какими размерами я должен сохранять фотографии в большинстве случаев использования?
Вы рекомендуете масштабирование на стороне клиента перед загрузкой на сервер, чтобы сэкономить на времени передачи (например, уменьшить 2048x1536 фотографий iPad) или мне всегда нужно переводить оригиналы?
Как мне обрабатывать несовместимые размеры изображений (например, снимок, сделанный с iPad на устройстве Android)? Должен ли я предварительно разрезать эти изображения на своем сервере перед отправкой на клиент или я должен разрешить клиенту изменять размер изображения?
Также существует проблема с пользовательским интерфейсом. На странице будут другие вещи, кроме фотографии, может быть, кнопка или два для навигации. Должен ли я идти за чем-то меньшим, чем полный размер экрана, сохраняя при этом одинаковое соотношение сторон при сохранении изображений?

Я знаю, что некоторые из этих вопросов не имеют ответа, и ответы относительно, но я хотел получить некоторые мнения. Спасибо.

Ответ 1

Для Android я считаю, что лучшее место для вас будет здесь, оно содержит много информации, включая стандартные размеры экрана и способы отображения изображений, сохраняя при этом наилучшее качество.

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

Я также предлагаю сделать как можно больше манипуляций с изображениями на вашем сервере. Изображения - это боль для работы на Android из-за ограничений памяти и фрагментации. Два телефона могут хранить изображения, сделанные одинаково с разными ориентациями, и нет простого способа обработки поворотов, хотя это можно сделать (к счастью, мне еще предстоит встретить телефон, который неправильно записывает данные Exif, но я бы не стал удивляйтесь, если они существуют...). Чем больше вы полагаетесь на телефон, тем больше шансов на ошибку, потому что производители создают обертки вокруг и иным образом настраивают, как они обрабатывают носители.

Что касается отображения, в идеале, если на вашем заднем конце уже есть куча разных размеров, вы можете включить плотность экрана при запросе изображений и отправить лучший размер на основе руководства для разработчиков. Если вы хотите сохранить различия до минимума, по крайней мере, поддержите мед или высокую плотность для телефонов и добавьте высокую плотность для планшетов.

Только мои два цента, я уверен, у вас будет много мнений. Удачи.

Ответ 2

У меня нет полного ответа для вас, но у меня есть некоторые мысли...

1) Я предлагаю уменьшить размеры изображения перед загрузкой. Если бы я использовал ваше приложение, и мне пришлось загрузить 4-мегабайтную фотографию, каждый раз, когда я хотел использовать ваше приложение, я бы, вероятно, пропустил. И когда мы начинаем двигаться вперед, мы используем гораздо лучшие технологии с точки зрения телефонов с камерами; Nokia выпустила 41-мегапиксельную камеру, которая, как я предполагаю, создаст довольно большие изображения. Пользователи, которым необходимо загрузить изображение размером 4-6 МБ, также не являются отличной идеей. Просто некоторые мысли с точки зрения пользователя.

2) Я бы не разрезал изображения. Вы не обязательно знаете, какие части изображения не важны, так как бы вы знали, где его обрезать? Позвольте размеру телефона изображения соответствующим образом и полагаться на способность увеличивать изображение, чтобы видеть вещи в большем размере.

3) Вы можете попробовать создать пользовательский интерфейс, который скрывает кнопки. Если у вас есть что-то действительно простое (например, просто вперед или назад), вы можете положиться на управление жестов (прокручивание), чтобы перемещаться по вашему приложению. Вы можете использовать скользящие выдвижные ящики и меню, которые занимают место временно, когда они используются, но дают вам пространство назад, когда вы хотите посмотреть основное содержимое (картинки в вашем случае). Я обычно обнаружил, что скрывающие кнопки не работают хорошо, и люди, похоже, хотят/ищут кнопки, которые позволяют им перемещаться, но галерея Android прекрасно работает только с меню + swiping, поэтому кто действительно знает.