¿Limitaciones del tamaño de la imagen en el safari móvil?

Question

Estoy trabajando en una aplicación para iOS usando PhoneGap. Me encontré con un problema molesto donde algunas de mis imágenes no se estaban cargando. Pensando que era un problema de caché, jugué intercambiando imágenes.

Finalmente descubrí que el problema tenía que ver con el alto de mi imagen. Después de todo un montón de prueba y error, descubrí que una imagen más alta que 7864px no se cargará en el simulador de iPad o el iPad. Se cargará bien en Safari. No es una limitación de tamaño de archivo ya que estos solo tienen un tamaño de 45k y estoy cargando imágenes de 700k de tamaño en cualquier otro lugar sin ningún problema.

¿Alguien ha topado con esto? No puedo encontrar restricciones documentadas en las dimensiones de la imagen dentro de Safari móvil. Si hay restricciones, conocerlas sería útil.

Answer 1

Para aplicaciones nativas, Apple dice que las imágenes más grandes que 2048x2048 1024x1024 are to be avoided y se deben desglosar en otras más pequeñas. El problema aquí no es el tamaño del archivo en el disco, sino el tamaño en la memoria: la imagen debe decodificarse y convertirse en una representación "plana".

Así que hagamos algunos cálculos matemáticos: supongamos una imagen de 5000x5000 píxeles, con RGB de 8 bits. Esto significa que cada píxel ocupa 3 bytes:

5.000 * 5.000 * 3 = 75.000.000 (aproximadamente 71,5 MiB)

por lo que ver su imagen aparentemente pequeño realmente se llena la memoria muy rápida. iOS ahora no puede tirar partes si está bajo presión de memoria, es la imagen completa o nada.

Su única solución es dividir la imagen en partes más pequeñas. iOS puede eliminar las imágenes que ya no son visibles desde la memoria (dudo que con una imagen tan grande que todas las partes estén visibles todo el tiempo).