icon app ios iphone uiimage ios8 resolution

app - tabbar icons size ios



Para un solo iPhone, la aplicación iOS 7+, ¿podemos incluir solo imágenes @ 3x? (3)

En un esfuerzo por reducir el tamaño del paquete, ¿es posible (y una buena idea) agregar solo @ 3x imágenes?

Para aclarar, no me refiero al icono de la aplicación, a la imagen de inicio, etc. Pero a las imágenes que son internas de la aplicación, como las imágenes de fondo de UIButton.

Vi resolución de imagen para el nuevo iPhone 6 y 6+, ¿se agregó soporte para 3x? , pero no contestó mi pregunta.


En mis pruebas, encontré que @ 3x no se reconoce en iOS 7 y versiones anteriores. Entonces, si planea ser compatible con iOS 7 y 8, definitivamente querrá incluir imágenes @ 2x.

En cuanto a la resolución de dichas imágenes, todavía no he encontrado una respuesta satisfactoria. Para la aplicación en la que estoy trabajando, tomando el ejemplo de un jpg de pantalla completa (probablemente una foto), guardaría en 1242x2208 para @ 3x y 750x1334 para @ 2x para coincidir con la resolución más alta en la que se mostrarán esas imágenes en un iPhone. No es una solución perfecta de píxeles, ya que las imágenes deberán reducirse en dispositivos que no sean iPhone 6 (+), pero creo que es un buen punto intermedio que no implica mucho trabajo adicional con sentencias si dictan qué imagen se basa en El tamaño de la pantalla (ugh) y 5 imágenes diferentes.

Una cosa a tener en cuenta sobre los problemas de rendimiento que dfmuir trae a colación es que estas imágenes terminarán siendo reducidas en muchos casos, 4 / 4S, 5 / 5S, 6/6 + en el modo de zoom de pantalla, incluso si va con el método preferido de Apple para incluir 3 imágenes en @ 1x, @ 2x y @ 3x, ya que ahora tenemos 5 (o 6 incluyendo 3gs) resoluciones diferentes (consulte la fila de píxeles representados en este cuadro para obtener más información: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions )

La única forma de no tener estos problemas con las imágenes de tipo fotográfico (por lo que no considera los elementos de la interfaz de usuario), es si lo diseña de manera que sus imágenes se relacionen con los puntos (por lo tanto, permanezca en el mismo tamaño en relación con el pulgar en lugar de en relación con el tamaño de la pantalla del teléfono), pero eso no siempre tiene sentido para el diseño de la aplicación. Un ejemplo sería recortar los teléfonos de baja resolución en lugar de reducirlos.


Sí puedes, pero no deberías.

Si solo agrega imágenes @ 3x, reducirá el tamaño de su paquete y será compatible con todas las densidades de pantalla.

Sin embargo, no recomiendo hacerlo de esta manera. Al incrustar solo imágenes @ 3x, las imágenes se reducirán cada vez que se ejecute la aplicación. Este enfoque tiene las siguientes desventajas:

  • No tienes control sobre el modo de escalado de imagen que usa iOS. Ciertas imágenes pueden ver pixelaciones y / o artefactos significativos después de ser escalados automáticamente.
  • Las imágenes de escala pueden potencialmente ralentizar el rendimiento de la aplicación. Esto es especialmente cierto en los dispositivos más antiguos, que harán muchas escalas. El uso de solo imágenes @ 3x aumentará el tiempo de procesamiento de estas operaciones de escalamiento incluso más que la reducción de @ 2x.
  • No tendrá la oportunidad de exportar pixel perfect de activos. Muchos diseñadores se toman el tiempo de escalar manualmente sus recursos de imagen para garantizar que no se interrumpan los trazos y texturas finos. Esto se traduce en la mejor experiencia en todos los tipos de dispositivos.

Si le interesa que sus aplicaciones se vean claras y nítidas en la mayoría de los dispositivos, le recomiendo que al menos exporte sus imágenes a densidades de pantalla de 2x y @ 3x. Dependiendo de las necesidades de compatibilidad del proyecto, a veces elijo no exportar a 1x.

Si solo apuntas a iPhones con iOS 7+, entonces definitivamente no necesitas exportar @ 1x. Todos los dispositivos iPhone @ 1x no son compatibles con iOS 7+. Los únicos dispositivos @ 1x de los que tendrá que preocuparse son el iPad 2 y el iPad mini (sin retina).

Otra nota: al investigar su pregunta, escuché rumores de que Apple podría rechazar sus aplicaciones por no tener imágenes en todas las densidades. Nunca he experimentado esto. Lo único que pude encontrar en las directrices para desarrolladores fue esta regla.

2.10 Las aplicaciones de iPhone también deben ejecutarse en el iPad sin modificaciones, en la resolución del iPhone y en la resolución 2X iPhone 3GS

Para mí, esto parece implicar que mientras funcione, eres bueno. Pero vamos hombre, hazlo hermoso!


Una cosa a tener en cuenta es que @ 3x ya está reducida en escala por el dispositivo. 3 es la escala UIDevice, mientras que la pantalla es en realidad, en cierto sentido, escala nativa. Entonces, si el argumento se mantiene, debería hacer un trabajo adecuado para otras densidades también desde @ 3x.

Por supuesto, si la imagen tiene bastantes esquinas nítidas con un solo píxel situado en las esquinas, es posible que desee ubicarla con precisión en lugar de dejar que el sistema operativo la seleccione aplicando el filtro continuo que se aplicará a la escala reducida.