¿Por qué se tarda tanto en adaptar una aplicación para la Retina Display?

61 comentarios

iPhone 4, retina display

Lo que se comentó como simplemente una pantalla con 4 veces más píxeles que la del iPhone 3GS en aquellos días del prototipo que consiguió Gizmodo al final ha terminado siendo una de las características más importantes y que más atraen a los que se están pensando comprar un iPhone 4 o el nuevo iPod touch. Un buen nombre, Retina Display, y la peculiaridad de ser la primera pantalla que supera lo que puede ver la retina humana la ha hecho terriblemente atractiva. Y de hecho lo que dicen es verdad: cuando llevas un tiempo usando esta pantalla, es ver la de los iPhones anteriores y ver unos píxeles enormes.

Pero si realmente la pantalla retina es simplemente una pantalla a con una resolución mayor, ¿por qué las aplicaciones tienen que adaptarse? ¿y porqué algunas están tardando tanto, tan complicado es? Lo normal es que los elementos de la interfaz aumenten en proporción, pero lo que los desarrolladores tienen que hacer para poder aprovechar la Retina Display es más complicado.

Más definición, pero el mismo tamaño

apple iphone 3gs 4 comparación pantalla retina display

Imaginémonos una pantalla LCD o LED normal y corriente, de las presentes en prácticamente todos los ordenadores del mercado, a una resolución muy baja (el sistema operativo valora como un pixel algo que en la pantalla ocupa muchos píxeles en la realidad). Los elementos de la interfaz se ven muy grandes, pero muy pixelizados. Si subimos la resolución de esta pantalla, todos los elementos de la interfaz se harán más pequeños y, por decirlo de alguna forma, “tendremos más espacio” para poder ver más elementos en la pantalla al mismo tiempo sin que se superpongan. Así hasta que llegamos a la resolución nativa de la pantalla y lo que el sistema operativo valora como un pixel ocupa un pixel en la pantalla. Ya no podemos aumentar más esa resolución por limitación física: ya no hay más píxeles, y el sistema no puede usar menos de un pixel para representar gráficamente un pixel entero.

Si Apple no hubiera hecho exactamente nada con la llegada de la nueva Retina Display sencillamente hubiéramos visto cómo todos los elementos de la interfaz del iPhone se habrían hecho dos veces más pequeños en la pantalla, y el resultado habría sido que por ejemplo podríamos haber tenido 40 iconos de aplicaciones en la pantalla de inicio y no los 20 a los que estamos acostumbrados.

desarrollo iconos retina display apple mac os x ios

Entonces, ¿Por qué seguimos teniendo 20 iconos? Es simple: Lo que ha hecho Apple es colocar una imagen con 4 veces más resolución en el mismo espacio, que ahora tiene 4 veces más píxeles. La imagen sigue ocupando el mismo hueco de siempre, pero al tener más píxeles la vemos mucho más definida.

Para ello, los desarrolladores han tenido que redefinir los elementos de sus aplicaciones con un seguido de medidas para poder ser compatibles con la nueva pantalla. En el caso de las imágenes, por ejemplo, tiene que haber dos: una normal y otra de alta resolución con un nombre determinado, para que iOS detecte y use la imagen que toque según la pantalla del dispositivo.

Es por este motivo que el aumento de la resolución no sea “automático” como es en el resto de casos: Apple quiere conservar el tamaño de su interfaz aún con el cambio de resolución mientras que lo usual es que todos los elementos se hagan más pequeños al caber en menos píxeles.

Es una forma algo complicada de mejorar la calidad de las pantallas, pero Apple está definiendo una nueva “densidad de píxeles” por defecto, mucho más definida a la que estábamos acostumbrados hasta ahora. No sería extraño ver cómo estas pantallas con tanta densidad de píxeles llegan a los tablets, portátiles y ordenadores de sobremesa a largo plazo.

Imágenes | Yutaka Tsutano y Bjango

Anunciate aquí
Anunciate aquí
Anunciate aquí

¿Quieres saber más?

Artículos

Artículos relacionados que probablemente también te interesen

Ver más

Respuestas

Preguntas sobre este tema que ha contestado la comunidad

+ Deja tu comentario

Comentarios

  • 1

    Avatar de Il Tifossi !

    Esto es para imbéciles, ya sabemos que lo que han hecho es aumentar la resolución.

  • Respondiendo a #1:
  • 2

    brillante

    Avatar de Pedro Seoane Prado !

    Y yo también lo se. Y mucha gente. Pero también hay gente que no, y no por ello son imbéciles. Un poco de educación no ?

  • Respondiendo a #1:
  • 6

    Avatar de Fer_Nan_Duco !

    Por que no das el telediario cada día y así informas de los avances a la gente y así no son imbéciles como según dices dices tu que son.

  • Respondiendo a #1:
  • 8

    interesante

    Avatar de Renato !

    Vale, sabes a que tipo de cálculos que debe hacer un piloto de un avión comercial para saber la potencia necesaria,ni mas ni menos para despegar y a que velocidad debe hacerlo?

    Por tu regla de 3, si no lo sabes eres ******* también.

    -- editado por última vez a las 17:10

  • Respondiendo a #2:
  • 29

    Avatar de ivan !

    gracias... yo soy uno de ellos!

  • Respondiendo a #1:
  • 31

    Avatar de bicindario !

    ¿Sabes como se le llama a la gente que ignoran las cosas? ;P

  • Respondiendo a #1:
  • 51

    Avatar de pepino69 !

    -552 de karma ni yo en mis mejores tiempos xDDD
    yo creo que ampliar la resolucion de las pantallas sin que el sistema operativo la adapte consiguiendo mas nitidez con el mismo tamaño (letras,iconos,todo en general) cosa que hoy en dia no pasa ,solo hace falta ver el mbp alu de 17" sus 130 y pico dpi es una locura lo pequeñas que se ven las fuentes de por ejemplo "acerca de este mac" yo con mi 15" 1400*900 lo veo ideal vamos.. xD

  • Respondiendo a #8:
  • 52

    Avatar de Il Tifossi !

    Hombre, se supone que este post va dirigido a quienes poseen un iPhone 4, yo como se puede suponer no peseo ningún avión comercial.

  • Respondiendo a #2:
  • 56

    Avatar de Il Tifossi !

    Pues que quieres que te diga, a mi me ha parecido la cosa más obvia del mundo. A lo mejor este post va destinado para gente como esta:

    http://www.youtube.com/watch?v=FL7yD-0pqZg

  • Respondiendo a #31:
  • 57

    Avatar de Il Tifossi !

    Ignorantes/desconocedores. Yo a la gente que ignora como funciona una cosa que lleva en el bolsillo les llamo imbéciles.

  • Respondiendo a #51:
  • 58

    Avatar de Il Tifossi !

    Eso es nuevo? No sabía que el MB de 17" tenía más ppi!

  • Respondiendo a #56:
  • 59

    Avatar de Pedro Seoane Prado !

    Perdona que te contradiga pero nadie aprende por ciencia infusa. El que tu lo sepas no implica que gente muy culta no lo sepa. Un físico no tiene por que saber esto y no denota que sea un inculto como insinúas en tu comentario. Anda que...

  • Respondiendo a #58:
  • 60

    Avatar de pepino69 !

    se ve a simple vista si quieres calculalo tu mismo con esta calculadora: http://www.theile.net/~sven/dpi.html

  • 3

    brillante

    Avatar de Arcade Z !

    Claro que todos sabemos que han aumentado la densidad de píxeles, pero no todos saben lo que ello arrastra, como que los iconos se verían más pequeños y puede cargarse (así de simple) todo el SO. Mucha gente con este post se dará cuenta de porqué su "Angry Birds" o "Plants vs Zombies" tarda tanto en tener la resolución del iPhone 4. En un post muy bueno, no es para imbéciles.

    Lo que sí espero es que ahora con el iPod Touch con Retina Display los desarrolladores aligeren un poco la producción de juegos a 326ppi. Hasta hace poco era un añadido que aumentaba las ventas de tu aplicación. Dentro de unas semanas será la diferencia entre que tu aplicación se venda o no.

  • Respondiendo a #3:
  • 18

    Avatar de blinero !

    que el tamaño de la pantalla sea el mismo no importa para nada, lo que importa es la proporción en la que a cambiado la resolución y a sido el doble tanto en ancho como en alto, por lo que adaptar los programas a la nueva resolución es facilisimo, el problema de muchos desarrolladores es que no les sale de las pelotas adaptar sus programas porque es una perdida de tiempo (y dinero), porque un programa que se a estado vendiendo bien hasta ahora si alguien lo quiere para el iphone 4 venden para este el mismo que vendían para los modelos anteriores y como el iphone 4 ya de por si hace una adaptación de los gráficos (estiramiento+suavizado) pues no se complican y pasan de hacerlo a mano, muchos dicen "el próximo programa lo haré pensando en las dos resoluciones" y dejan pasar lo que ya tienen hecho

    -- editado por última vez a las 17:57

  • Respondiendo a #3:
  • 25

    Avatar de Nahuel Siviero !

    esto que hizo Apple es buenísimo, lo que daría pq se adaptara todo el mercado a una resolución mayor a la que puede ver el ojo humano, yo con tal de tener más nitidez y detalle en la pantalla de mi monitor, me tengo que dejar la vista, me encantaría que windows haga ese cambio y me encantaría comprarme un monitor así, eso si, si Apple lo aplica a su SO y a sus "paneles", me cambio de SO

  • 4

    interesante

    Avatar de aramast !

    Tampoco es tan complicado para los desarrolladores. Apple ha aumentado la resolución pero las medidas son las mismas. Es decir, los desarrolladores no tienen que recalcular las coordenadas de los elementos de la interfaz de usuario. Simplemente, como bien dice el artículo, tienen que añadir las mismas imágenes que tenían antes con el mismo nombre pero con doble de resolución y añadiendo al nombre "@2x". Con sólo eso el sistema automáticamente escogerá una imagen u otra dependiendo de si estamos en un iPhone 4 o uno anterior. Y todo eso sin tocar código !!!

    Todo esto que he dicho es válido para la apliaciones que usan UIKit,es decir los que tienen una interfaz de usuario estándar.

    En el caso de los juegos que hagan uso de OpenGL habrían que hacer ciertas modificaciones en el código.

  • 5

    !

    Si trabajaran con vectores... tardarían unas pocas horas en adaptar todo el contenido... pero noooooooooop.

  • Respondiendo a #5:
  • 33

    Avatar de twotonewarrior !

    Cierto, aunque posiblemente algunos lo hagan, lo que pasa es que (me imagino) el iphone no renderizará archivos eps (o svg, etc..) asi que tendran que pasarlo a un archivos de imagen que soporte el iphone para la versión ya programada de la aplicación.

    P.d: Nunca he trabajado con el SDK de iOS asique no me hagáis mucho caso.

    -- editado por última vez a las 20:34

  • Respondiendo a #5:
  • 36

    !
    | 1 estrellas

    No se puede trabajar con vectores, sino con imágenes JPEG o PNG (yo prefiero estas últimas).

    A mi me ha pasado que diseñe imágenes para una aplicación con el tamaño normal, mucho antes que saliera el iPhone4, y a su salida me encontré con que tenía que repetir el trabajo. Imagino que les habrá pasado lo mismo a muchas aplicaciones.

  • Respondiendo a #5:
  • 53

    Avatar de Il Tifossi !

    Oh, alguien inteligente! Un saludo =)

  • Respondiendo a #36:
  • 54

    Avatar de Il Tifossi !

    Eso es problema del software de Apple, no? en realidad lo óptimo seria trabajar con vectores y luego no tendrían que tener unas resoluciones predeterminadas para todos los dispositivos móviles...

  • 7

    interesante

    Avatar de cateye !
    cateye | 1 estrellas

    Si trabajaran con vectores el procesador tendría que renderizarlos en memoria: menos cpu, menos memoria. Y el desarrollador tendría que usar Illustrator en vez de Photoshop.

  • Respondiendo a #7:
  • 55

    Avatar de Il Tifossi !

    O sea, hagámoslo cutre por que el dispositivo no da más de si pobrecico. Y por que el becario de turno solo sabe hacer ir el programa para ponerle transparencia rosa a la fotiko de la yeni. Bien!

  • 9

    Avatar de abelespana !

    Una pequeña pregunta. Me han dado mi iPhone 4 hoy pero no consigo abrir la ranura de la MicroSIM ni con el clip que viene para abrirlo. Por más que meto el clip ahí no abre la condenada. ¿Es cosa mía que soy muy torpe o hay alguna manera más sencilla de hacerlo?

    Gracias por adelantado.

  • Respondiendo a #9:
  • 11

    Avatar de Arcade Z !

    Es que está durísimo, lo sé xD

    A mi me daba miedo ya de lo que tuve que apretar para que mi iPhone 4 abriese.

  • Respondiendo a #11:
  • 12

    Avatar de abelespana !

    Uff, y tanto, acabo de conseguirlo, pero es verdad que hay que apretar como un burro.

    Gracias por responder y tan rápido. 

    -- editado por última vez a las 17:28

  • 10

    Avatar de kike1982 !

    Que aprendan de android, por cierto un detalle tanto una pantalla lcd o led son ambas pantallas lcd lo que cambia en la forma de iluminar dicha pantalla en una se utilizan fluorescentes frios y en otra leds blancos pero ambas usan la misma tecnologia LCD

    -- editado por última vez a las 17:23

  • Respondiendo a #10:
  • 28

    Avatar de kike1982 !

    Que bien la gente vota negativo cuando le dicen una realidad una que android tiene solventado este problema de una manera muy sencilla y la segunda cuando explicas a la gente que el led y el lcd es lo mismo da gusto dar opiniones una pagina en donde la gente no ve mas alla de los productos de una marca

  • Respondiendo a #28:
  • 38

    Avatar de Dani !
    Dani | 2 estrellas

    yo no te he votado negativo pero en cuanto a que android lo tiene solucionado puedes explicarte mejor? tengo entendido que tienen problemas porque hay diferentes dispositivos con diferentes pantallas/resoluciones.

    -- editado por última vez a las 23:58

  • Respondiendo a #28:
  • 48

    !
    | 2 estrellas

    El LED y LCD no son exactamente lo mismo, la diferencia principal es la retroiluminación por fluorescente o por LED, pero esto implica que puedes apagar y variar la intensidad del LED que retroilumina cada pixel y así aumentas el contraste. Eso no lo puede hacer el LCD retroiluminado por fluorescentes, por que la retroiluminación no es independiente para cada pixel, así que siendo LCD ambas, el resultado poco tiene que ver.


    Pero vamos, que votar negativo por eso... también me parece algo exagerado.

    -- editado por última vez a las 14:47

  • Respondiendo a #48:
  • 49

    Avatar de AirieFenix !

    En realidad se están liando porque LCD y LED son dos conceptos distintos. Es como decir que el Lamborghini Murcielago tiene un V10 y la Ferrari F430 usa gasolina sin plomo. Que hacemos referencia a lo mismo pero con conceptos que no apuntan a lo mismo.

    Los monitores que se promocionan como "LED" son LCD con iluminación por LED mientras que los que se venden como LCD, son LCD con iluminación por lámparas fluorescentes frías.

    Y una pequeña corrección, los LEDs no iluminan cada pixel, eso hasta este momento es inviable con resoluciones HD o similares (píxeles demasiado pequeños) aunque si es verdad que cada LED ilumina un porción mucho más pequeña que las lámparas fluorescentes.

    -- editado por última vez a las 17:22

  • 13

    Avatar de ernestomac !

    Esto quiere decir que en muchos casos tendran que crear las imagenes de nuevo?? puesto que seguro en muchos caso trabajaron con esas resoluciones y no las hiciero mayores de cara al futuro... no?

  • Respondiendo a #13:
  • 21 Comentario moderado

  • 14

    !

    Lo que viene a decir el post es que hay dos problemas al haber una nueva resolución y evitar que los programadores se lucren sacando aplicaciones "HD" y estos son: - Si no haces nuevas texturas más definidas y acordes a las resoluciones que trabajas, lo único que haces es hacer los iconos/texturas más pequeñas y no más claros, así que se pueden volver ilegibles si llevan texto (botones por ejemplo)

    - Por otro lado, apple obliga a los desarrolladores a mantener la compatibilidad con iPods y iPhones anteriores (almenos el ipod G3 y el iphone 3gs). así que las aplicaciones pesan más (más del doble porque ahora llevan las texturas de siempre y además unas que pesan más que las anteriores).

    Creo que es interesante el post y que nos puede hacer pensar desde un punto de vista que no nos habíamos planteado quizá.

  • 15

    Avatar de adri_v7 !

    La verdad, a mi me dejó muy impresionado la nueva pantalla, la comparación con anteriores dispositivos es brutal. Y te haces más o menos una idea de lo que ha cambiado la resolución al ver muchos de los iconos de las apps con muy mala definición.

    Lo que no entiendo es por que los iconos de algunas de estas apps se ven perfectamente en la App Store y después no tan bien en la pantalla de inicio.

  • Respondiendo a #15:
  • 37

    !
    | 1 estrellas

    Para la App Store hay que subir imágenes de 512x512px.

  • Respondiendo a #37:
  • 42

    Avatar de joshscofield !

    y para los iconos de las aplicaciones de 57 x 57 me parece.. asique fijate que diferencia..

  • 16

    Avatar de Macnolo !

    Mirad los comentarios de éste artículo, no tiene desperdicio Gizmodo se hace con el prototipo del nuevo iPhone

  • Respondiendo a #16:
  • 17

    Avatar de Macnolo !
  • 19

    Avatar de rog !
    rog | 2 estrellas

    los que están tardando son los fabricantes! en adaptar ésta densidad de píxeles a los demás dispositivos! Era broma, paso a paso, primero las tarjetas gráficas y luego las pantallas. Y no tan en broma: a veces Apple no es que tenga una magnífica idea, es que se fija en lo que la gente quiere. Y más importante, lo sirve antes que los demás fabricantes. Si bien esto no es cierto siempre (en algunas cosas Apple va por detrás) si creo que es la clave de algunos de sus productos...

  • 20

    interesante

    Avatar de Macnolo !

    Siento corregirte Miguel, pero no serían 40 iconos, serían 80, pues al doblar la resolución se cuadriplica la definición, al estar en función cuadrática, ya que hablamos de superficie ( sí, aunque siga midiendo 3,5 pulgadas, lo sé ), Se pude comprobar fácilmente.

    Con 4 capturas de un iPhone sin retina display se hacen cuatro copias y se superponen a una captura de una retina display, ocuparán la cuarta parte, y no la mitad, por eso al duplicar la resolución, se cuadripica la definición.

    Eso explica que en las cámaras digitales la diferencia de por ejemplo una de 10 megapixeles a otra de 20 no sería el doble de resolución la segunda, ni mucho menos

    Más ejemplos.. una terrenito de 100 metros cuadrados, un cuadrado prefecto de 10 metros de largo por otros 10 de ancho, bien, ahora un terreno de 20 metros de largo por otros 20 de ancho... ¿cual tiene más superficie? pues el segundo está claro, !pero no tiene 2 veces más superficie¡ tiene 4 veces más, por eso al meter 2 veces más resolución en las nuevas pantallas tenemos 4 veces más definición, y para colmo en el mismo espacio de 3,5 pulgadas, una maravilla

  • Respondiendo a #20:
  • 24

    Avatar de Macnolo !
  • 22

    Avatar de martinyfelix !

    Yo soy uno de esos "imbéciles".

  • 23

    Avatar de Manu !
    Manu | 3 estrellas

    Buenas un pequeño off topic,tengo el iphone 4 una semana o asi va como la seda lo unico que le noto es que cuando grabo un video aun siendo en una habitacion sin ruido se oye como un avispeo de fondo es normal ?

    Un saludo.

  • 26

    Avatar de Jose Tejera !

    Muy buen artículo.

  • 27

    Avatar de Dani !
    Dani | 2 estrellas

    --off topic--

    A alguien se le desconecta la red móvil cada dos por tres del iphone 4? me estoy empezando a cabrear mucho con este tema, la unica manera de volver a recuperarla es reiniciando el dispositivo!!

  • Respondiendo a #27:
  • 32

    Avatar de capmarty !

    Recuerdo haber oído algo sobre eso por aquí en comentarios de noticias anteriores,aunque no logro recordar el por qué.Puede que por la versión o por el Antennagate no sé....

  • Respondiendo a #27:
  • 35

    !

    No se si te refieres a esto pero: A mi iPod touch 2ªG se desconecta el Wi-Fi cuando quiere, y la señal está al máximo... eso sí, se vuelve a conectar al cabo de 2 segundos... pero sí, molesta mucho xD

  • Respondiendo a #27:
  • 41

    Avatar de serginator !

    Eres de movistar y de barcelona o alrededores verdad? Porque esto nos pasa a muchos tanto en 3g 3gs o 4. Movistar esta cambiando antenas de barcelona y tardaremos una semana aproximadamente a que todo vaya bien. No es problema de tu iphone

  • Respondiendo a #41:
  • 44

    Avatar de Dani !
    Dani | 2 estrellas

    +1 joder, lo has clavado!! pues si realmente es de eso me has dado una alegria, sabia que mi modelo tenia solucionado lo del antennagate (es de la semana 30) asi que no sabia que pensar ya....

  • 30

    !
    | 1 estrellas

    Pues a mí me parece que Apple no había podido ponerlo más facil, pero es mi opinión...

  • 34 Comentario moderado

  • Respondiendo a #34:
  • 39

    Avatar de MelomanGeek !

    Gracias por avisar, soluciona el problema que hacía que se cerrase al intentar cambiar el tamaño de las carátulas al abrirlas en una ventana aparte.

    -- editado por última vez a las 01:00

  • 40 Comentario moderado

  • 43

    Avatar de joshscofield !

    Yo creo que hay que tener paciencia. Y creo también que no todo hay que adaptarlo, muchas aplicaciones que ya están hechas se ven estupendamente en la retina display, tened en cuenta que el texto como tal se adapta automáticamente, lo único que hay que adaptar son las fotografías, y sinceramente, para el tamaño de pantalla no es necesario que sea una fotografía con una resolución espectacular. Algo se nota sí, pero yo creo que más pensando en las futuras aplicaciones que en las que ya están en el mercado. Si tu has adaptado todas tus fotografías a la resolución estándar que teníamos, volver a hacerlo puede ser en algunos casos imposible la verdad, y en otros muy complicado.

  • 45

    Avatar de Manu !
    Manu | 3 estrellas

    Buenas un pequeño off topic,tengo el iphone 4 una semana o asi va como la seda lo unico que le noto es que cuando grabo un video aun siendo en una habitacion sin ruido se oye como un avispeo de fondo es normal ?

    Un saludo

  • Respondiendo a #45:
  • 50

    Avatar de mnyman !
    mnyman | 2 estrellas

    Ve a ajustes de video, opción: ruido de avispeo de fondo? y selecciona NO.

    Es broma, a mi no me pasa...

  • 46

    Avatar de serxi66 !

    A mi me gustaría saber por qué Apple está tardando tanto en tener un stock decente de iPhone 4... No consigo un p.to teléfono por media Galicia....

  • Respondiendo a #46:
  • 47

    Avatar de serxi66 !

    En Movistar, perdón.

  • 61

    Avatar de Angel !

    A mi lo que no me gusta de este sistema es que las aplicaciones se hacen mas pesadas por tener que añadir los graficos en alta resolución para iPhone4.

    Los usuarios de todo lo que no sea iPhone 4 o la última generación de iPod Touch nunca van a utilizar esos graficos desperdiciando capacidad de sus dispositivos.

Escribir un comentario

Para hacer un comentario es necesario que te identifiques: ENTRA o conéctate con Facebook Connect

Anunciate aquí

WSL Weblogs SL