Iphone: reducción de imágenes para iphone3 y iphone4 más pequeños

Estoy completando un trabajo de diseño en mi aplicación. Siguiendo a algunas personas que dicen que es mejor diseñar primero para la pantalla del iphone5 (4 pulgadas), he completado un diseño de página para la retina. Luego, la imagen ha sido cortada (cortada) según lo requerido para el iphone.

En términos de reducción para el iPhone 3/4, ¿es mejor simplemente cargar la imagen en Photoshop y usar Editar > Tamaño de imagen... para reducir el tamaño, o crear una nueva imagen del tamaño correcto y reducir todas las capas? usando Ctrl + T y shift para transformar?

Respuestas (2)

Tienes dos formas de hacer lo que pides dependiendo del propósito que estés siguiendo.

  1. Si su propósito es que la imagen tenga que escalar automáticamente dependiendo de la resolución de la pantalla del dispositivo donde se visualiza, entonces la respuesta anterior de DA01 funciona bien. El trabajo de escalado se realiza mediante HTML5 y CSS. Esto es cierto si está creando una aplicación web, ya que las aplicaciones web permiten el uso de HTML5.
  2. Si está creando una aplicación nativa, debe hacer las cosas de la manera más precisa utilizando las mejores prácticas. En este caso, las imágenes deben encajar perfectamente en la resolución de la pantalla y la mejor práctica con Photoshop es readaptar las imágenes editando su tamaño (es decir, con el método editar> tamaño de imagen) o, en algunos casos, reconstruir la imagen misma. Nunca use el método Ctrl+t porque en la mayoría de los casos podría no ser tan preciso. Este método podría ser útil para una escala de imagen rápida, considerando las necesidades visuales, editar la imagen con el tamaño de la imagen podría permitirle tener más control también en las diferentes capas que componen la imagen en sí.
Gracias la segunda opción es la respuesta. En mi caso, Tamaño de imagen debería funcionar bien, marcando la casilla Estilos de escala

Si está creando la aplicación con HTML5, realmente no necesita reducir las imágenes. El CSS lo hará por usted.

Su nativo 12345