Tamaños de imagen correctos

ACTUALIZACIÓN:
Desde el código fuente de Cedar y más reciente, todas las imágenes se manejarán usando Aspect Fill. ¡Esto significa que las restricciones estrictas de la imagen se han ido, y la distorsión y distorsión de la imagen es cosa del pasado!

¿Qué es Aspect Radio y Aspect Fill?

A1: Relación de aspecto: La relación del ancho a la altura de una imagen o pantalla. Por ejemplo, ahora estamos usando una relación de aspecto de 16: 9 para dispositivos móviles y una relación de 4: 3 para tabletas. Cualquier cosa que use esta relación se verá genial en la plataforma. Nuestro tamaño de fondo recomendado ya utiliza una relación de aspecto de 16: 9 y 4: 3 (por ejemplo, 640 x 1136: 640/9 = 71; 1136/16 = 71), por lo que siempre que las imágenes de fondo usen el tamaño recomendado, no deberían No te veas afectado. Recomendamos utilizar 750×1334 para dispositivos móviles y 1536x 2048 para Tablet para tiempos de carga óptimos, pero este tamaño no es necesario siempre que use la relación de aspecto correcta.

A2: Relleno de aspecto: ajusta el tamaño de la imagen para que se ajuste proporcionalmente hasta que se llene toda la ventana de la imagen. Es por eso que ves recorte de tu imagen. Básicamente se está ampliando una parte de la imagen para que todo el espacio se llene proporcionalmente y no se muestre ningún espacio en blanco alrededor de los bordes. Si la imagen no tiene la relación de aspecto correcta (16: 9 o 4: 3), recortará partes de la imagen independientemente de cuán grande o pequeña sea la imagen.

Muchas de las dimensiones a continuación son  tamaños recomendados.. No hay una solución perfecta cuando se atiende a cientos de diferentes tamaños de pantalla con una plataforma todo en uno, pero estos tamaños lo acercarán a la apariencia ideal de su aplicación. ¡Recomendamos usar prueba y error si experimenta problemas de estiramiento en pantallas de dispositivos más grandes!

Nota:  La sección Teléfono de Imágenes de fondo se aplica a Android y iPhone 5 en adelante. Si prefiere optimizar las imágenes de fondo de su pestaña para iPhone 6, consulte la columna Teléfono (Optimizado para iPhone 6) a continuación. Tenga en cuenta que estas dimensiones generarán imágenes de fondo ligeramente estiradas verticalmente en el iPhone 5.

Publicaciones relacionadas

Deja una respuesta

Botón volver arriba
Idioma »