Mejores prácticas de formato de imagen de aplicación de iPhone/iPad

Question

Estamos utilizando html5/webkit para diseñar una aplicación de iPhone y los datos que llegan a la aplicación provienen de un blog. Hay muchas variantes con respecto a tamaños imágenes que están entrando en la aplicación, nos gustaría saber qué mejor práctica es en lo que respecta al cambio de tamaño de las imágenes para cada aplicación respectiva (iPhone/iPad)

muestra post de archivo:

• imagen 1: 500px por 300px
• imagen 2: 800px por 200px
• Image 3 Producto: 1024px por 768px

(algunas de estas imágenes funcionarían bien en un iPad pero en iPhone serán demasiado grandes para el área visible). ¿Deberían cambiar el tamaño de estas imágenes utilizando algún tipo de jS/html o es mejor cambiar el tamaño de estas imágenes del lado del servidor?

¡Toda la comprensión en la práctica es muy apreciada, gracias de antemano!

JN

ACTUALIZACIÓN 01/14/2012 Una opción que funciona muy bien para esto es Sencha.src.io para representar imágenes en el tamaño para el dispositivo apropiado: http://www.sencha.com/learn/how-to-use-src-sencha-io/ esta es una opción para levantarse y corriendo con una herramienta con muchas opciones.

Answer 1

Esto es más una opinión que una buena práctica.

La representación del lado del servidor de las imágenes tendría sentido para los recursos y la carga.

Usar un servidor web para preprocesar las imágenes probablemente sea mucho más rápido porque los lenguajes del lado del servidor (php/perl/ruby ​​etc.) son más rápidos que javascript y no requieren más recursos del cliente que simplemente representar una imagen.

En PHP he usado $ _SERVER superglobal para detectar el navegador y la plataforma para hacer exactamente esto. $_SERVER['HTTP_USER_AGENT']

o

$browser = get_browser(null, true);

print_r($browser);

HTH