para - ¿Por qué necesito imágenes de iOS @ 1x, @ 2x y @ 3x?

iphone

Question

¿Por qué necesitamos estos 3 tipos de imágenes particulares?

Si tengo un botón en mi aplicación con una imagen de fondo, por ejemplo, 50 píxeles x 50 píxeles, ¿por qué necesito 3 versiones de esta imagen? ¿Qué me impide hacer una imagen con una resolución mucho más alta, digamos, 700x700 para que cuando se reduzca en cualquier iPhone no caiga por debajo de la resolución máxima que desearía el dispositivo?

Lo único que se me ocurre es que solo ocupa más espacio, pero para aplicaciones simples / un botón simple parece que no causaría ningún problema. Lo he probado en algunos dispositivos y no veo diferencia entre ellos cuando lo simulo y hago este método. Sin embargo, a medida que profundizo más en las aplicaciones y otras cosas, estoy seguro de que hay sustancia detrás de esta técnica.

Answer 1

Complementando lo que dijo Sulthan:

Debido a que no propició imágenes adecuadas para un dispositivo específico, tiene que reducir o aumentar la escala. Estos procesos usarán su memoria y procesamiento, lo que puede resultar en una disminución del rendimiento, dependiendo de cuántas imágenes a la vez lo esté haciendo y el tamaño de la imagen.

Answer 2

En primer lugar, debe conocer el comportamiento de los puntos frente a los píxeles. En dispositivos sin retina, la relación punto vs píxeles es 1 punto = 1 píxel . En los dispositivos de retina, hay dos proporciones: 1 punto = 2x2 píxeles, dependiendo del tamaño de la pantalla, y 1 punto = 3x3 píxeles, debido a la densidad de píxeles, que se cuadruplica al mirar sin retina.
Es por eso que necesita estos 3 tipos de imágenes, que se mostrarán en su resolución más alta.

Answer 3

Esto se debe a que si proporciona un gráfico de alta resolución, sería una pérdida de espacio en el dispositivo de un usuario. Gracias al corte de aplicaciones, el dispositivo descargará (de la App Store) solo las partes que realmente se ajustan al dispositivo (por lo que el dispositivo de retina no descargará gráficos que no sean de retina). Es por eso que Apple creó catálogos de activos y este tipo de reglas a seguir. Lo describen en sus sesiones.

En resumen, se trata de disminuir el uso de memoria / disco, por lo que se trata de aumentar el rendimiento y la experiencia del usuario

Answer 4

Necesita 3 tipos de imágenes en activos de imagen porque en términos de escala o píxeles Hay 3 tipos de dispositivos Apple (iPhone y iPad) que son

Dispositivo normal que significa 1 pixel = 1 point @ 1x (dispositivos iPhone y iPad más antiguos)

Dispositivo de retina cuyo término es de 4 pixels(2 x 2) = 1 point @ 2x (iPhone 4+)

Retina iPhone6 ​​y iPad que se refieren a 9 pixels (3 x 3) = 1 point @ 3x (iPhone6 ​​+)

Por lo tanto, para proporcionar la misma imagen en 3 escalas, iOS decide qué imagen mostrar para qué dispositivos. Espero podría ayudarlo a comprender esto.

EDITAR

Answer 5

Si no tiene el tamaño exacto, hay dos cosas que pueden suceder:

Upscaling

@3x o @2x se pueden ampliar desde @1x pero generalmente el resultado visual es borroso, con líneas gruesas y no se ve bien. El aumento de escala @3x desde @2x puede ser aún peor porque se deben usar subpíxeles.

Reducción de escala

En general, los resultados son mucho mejores que con la ampliación de escala, sin embargo, eso no se aplica a todas las imágenes. Si tiene un borde de 1px en una imagen @3x , después de reducirlo a @1x el borde no será visible (0.33px). Lo mismo se aplica para cualquier objeto pequeño en la imagen. La reducción de escala destruye todos los detalles.

En general, para que una imagen se vea perfecta, debe evitar tanto la reducción de escala como la reducción de escala. Siempre puede usar solo imágenes @2x o @3x y agregar otras escalas solo si ve problemas visuales. Usar una resolución más alta no mejorará la reducción de escala. Las resoluciones altas se usan solo para evitar el aumento de escala. La reducción de escala desde una escala alta (por ejemplo, @100x ) a @1x no creará mejores resultados que la reducción a escala de @3x .

Answer 6

Si proporciona solo una imagen grande, encontrará varios problemas:

1. La reducción de escala conduce a la pérdida de calidad (incluso si no es enorme)
2. Se necesita más potencia computacional para reducir la escala de la imagen que para mostrar la imagen ya renderizada
3. El tamaño de su binario aumenta y no puede beneficiarse del adelgazamiento de la aplicación que se presenta con iOS 9.

Como puede ver, producir solo una imagen afectará el rendimiento y la calidad de su aplicación y afectará desproporcionadamente a aquellos con dispositivos más antiguos. Esto es porque:

1. Necesitan reducir más. Además, el rendimiento de sus dispositivos no es tan bueno como el de los nuevos, por lo que es mucho más probable que noten los retrasos con su aplicación
2. No tienen tanto espacio de almacenamiento, por lo que realmente desea poder usar el adelgazamiento de la aplicación para ayudarlos
3. La pérdida de calidad será la más alta para ellos y teniendo en cuenta el hecho de que la resolución de sus dispositivos es baja, lo notarán.

Debido a esto, es probable que los usuarios no estén contentos y esto es malo para usted. Porque, según mi experiencia, los usuarios descontentos tienen 10 veces más probabilidades de calificar su aplicación que los usuarios satisfechos. No quieres eso, ¿verdad? :)