pro pantalla especificaciones caracteristicas ios image ipad responsive-design photoshop

ios - pantalla - ipad pro 2018



ResoluciĆ³n de imagen web optimizada para la pantalla del iPad Pro (1)

Estoy creando una imagen de encabezado (ancho de pantalla completa) para un sitio web receptivo.

¿Cuál es la resolución óptima que se verá bien en el iPad Pro de 12.9 "?

Mi flujo de trabajo normal es crear una imagen a 72 PPI en Photoshop.

La especificación muestra que tiene una resolución de 2732 x 2048 a 226 píxeles por pulgada.

No quiero que se vea pixelado cuando visualice en iPad Pro en modo apaisado.


iPad Pro en realidad tiene 2732 x 2048 píxeles que se utilizan para mostrar la pantalla, pero el usuario ve esto representado como una pantalla de 1336x1024.

Entonces, ¿qué significa esto? Si quieres una imagen que ocupe 100px en la pantalla del iPad Pro, debes usar una imagen de 200px (2x) a 72 ppp para obtener la nitidez de la retina. Alternativamente, una imagen de 100px a 226 ppp.

Por lo tanto, para una imagen de tamaño completo para iPad Pro, querrá imprimir su imagen a 2732x2048 a 72dpi

Las personas de mi equipo a menudo consideran útil diseñar a 1x, pero asegúrese de que todas las imágenes ráster de un documento se conviertan en objetos inteligentes para que puedan escalar hasta 2x sin pérdida de calidad y luego generar una salida de 72dpi para aprovechar el (ahora legacy) Guardar para herramientas web en Photoshop