android - salud - Mejores prácticas de tamaño de imagen para aplicaciones móviles

tamaño de imagenes para aplicaciones moviles

Question

Estoy construyendo una aplicación móvil que se enfocará en teléfonos iPhone / iPad y Android. La aplicación implicará que los usuarios tomen fotografías y carguen en mi servidor y luego los usuarios podrán ver esas fotos en sus dispositivos móviles (aunque no necesariamente sus propias fotos para que un usuario de Android pueda mirar una foto tomada con un iPhone )

¿Qué tamaños debo guardar las fotos para poder cubrir la mayoría de los casos de uso? Los iPads tienen 1.333 W / H, la mayoría de los teléfonos móviles tienen 1.5 o 1.333 W / H con algunos raros 1.666 W / H. Específicamente:

iPad: 1024x768, iPad3: 2048x1536, iPhone y algunos otros teléfonos: 960x640, 480x320, 800x480.

Para poder mantenerlo manejable, necesito decidir algunos tamaños de imagen y guardar las fotos en esos tamaños. Realmente no estoy buscando ayuda en el aspecto técnico. Puedo hacer escalas de imagen en el lado del servidor, etc. Estoy buscando recomendaciones / mejores prácticas / lecciones aprendidas sobre el tamaño de las imágenes antes de ir demasiado lejos en su construcción.

• ¿En qué tamaños debo guardar las fotos para cubrir la mayoría de los casos de uso?
• ¿Recomiendan cualquier escalado del lado del cliente antes de cargar al servidor para ahorrar en el tiempo de transferencia (por ejemplo, reduciendo la escala de fotos del iPad de 2048x1536) o debería siempre transferir originales?
• ¿Cómo debo manejar tamaños de imagen incompatibles (mostrando una imagen tomada con un iPad en un dispositivo Android, por ejemplo)? ¿Debo precortar esas imágenes en mi servidor antes de enviarlas al cliente o debería dejar que el teléfono del cliente maneje el cambio de tamaño de la imagen?
• También está el problema de la IU. Habrá otras cosas en la página que no sean la foto, tal vez un botón o dos para la navegación. ¿Debo elegir algo más pequeño que el tamaño de pantalla completa manteniendo la misma relación de aspecto al guardar imágenes?

Sé que algunas de estas preguntas no tienen una respuesta y las respuestas son relativas, pero quería obtener algunas opiniones. Gracias.

Answer 1

No tengo una respuesta completa para ti, pero tengo algunos pensamientos ...

1) Sugeriría reducir el tamaño de las imágenes antes de subirlas. Si estuviera usando su aplicación y tuviera que subir una foto de 4 megas, cada vez que quisiera usar su aplicación probablemente pasaría. Y a medida que avanzamos, estamos alcanzando una tecnología mucho mejor en términos de teléfonos con cámara; Nokia lanzó una cámara de 41 megapíxeles, que supongo que creará imágenes bastante grandes. Los usuarios que tienen que descargar una imagen de 4-6 MB tampoco son una gran idea. Solo algunos pensamientos desde el punto de vista de un usuario.

2) No cortaría las imágenes. No necesariamente sabes qué partes de la imagen no son importantes, entonces, ¿cómo sabrías dónde cortarla? Deje que el teléfono ajuste el tamaño de las imágenes en consecuencia y confíe en la capacidad de acercar imágenes para ver las cosas en un tamaño mayor.

3) Podrías intentar crear una IU que oculte los botones. Si tiene algo realmente simple (como avanzar o retroceder), puede confiar en los controles de gestos (deslizar) para moverse por su aplicación. Puede implementar cajones deslizantes y menús que ocupan espacio temporalmente, cuando están en uso, pero le devuelven el espacio cuando desea mirar el contenido principal (imágenes, en su caso). Normalmente he descubierto que ocultar botones no funciona bien y parece que las personas quieren / buscan botones que les permitan navegar, pero la galería de Android funciona bien solo con menú + deslizamiento, así que quién sabe realmente.

Answer 2

Para Android, creo que el mejor lugar para comenzar sería aquí, tiene mucha información, incluidos los tamaños de pantalla estándar y cómo mostrar imágenes mientras se mantienen en la mejor calidad posible.

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

También te sugiero que hagas la mayor manipulación de imágenes posible en tu servidor. Las imágenes son un dolor para trabajar con Android debido a las limitaciones de memoria y la fragmentación. Dos teléfonos pueden almacenar imágenes tomadas de la misma manera con diferentes orientaciones, y no hay una forma simple de manejar las rotaciones, aunque se puede hacer (afortunadamente, todavía tengo que encontrar un teléfono que registra datos Exif incorrectamente, pero no lo haría). se sorprenderá si existieran ...). Mientras más confíe en el teléfono, más posibilidades tendrá de error debido a que los fabricantes ponen envoltorios y personalizan de otra forma la forma en que maneja los medios.

En cuanto a cómo mostrar, idealmente si su back-end ya está haciendo un montón de tamaños diferentes, puede incluir su densidad de pantalla cuando solicita las imágenes y envía el mejor tamaño según la guía de desarrollo. Si desea mantener las diferencias al mínimo, al menos soporte med o alta densidad para teléfonos, y densidad extra alta para tabletas.

Solo mis dos centavos, estoy seguro de que tendrás muchas opiniones. Buena suerte.