Limitations de taille d'image dans un safari mobile?

Question

Je travaille sur une application iOS en utilisant PhoneGap. Je me suis heurté à un problème ennuyeux où certaines de mes images ne se chargeaient pas. Pensant que c'était un problème de cache, j'ai joué autour d'échanger des images.

J'ai finalement découvert que le problème avait à voir avec la hauteur de mon image. Après tout un tas d'essais et d'erreurs, j'ai découvert qu'une image plus grande que 7864px ne se chargera pas dans le simulateur d'iPad ou l'iPad lui-même. Il se chargera bien dans Safari. Ce n'est pas une limite de taille de fichier car ils ne font que 45k et je charge des images de taille 700k ailleurs sans problème.

Quelqu'un a-t-il rencontré ce problème? Je ne trouve aucune restriction documentée sur les dimensions de l'image dans Safari mobile. S'il y a des restrictions, les connaître serait pratique.

Answer 1

Pour les applications natives, Apple indique des images plus grandes que 2048x2048 1024x1024 are to be avoided et doivent être divisées en plus petites. Le problème ici n'est pas la taille du fichier sur le disque, mais la taille en mémoire: l'image doit être décodée et transformée en une représentation "plate". Alors faisons quelques calculs: supposons une image de 5000x5000 pixels, avec un RVB de 8 bits. Cela signifie que chaque pixel occupe 3 octets:

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

Vous voyez votre image apparemment petite remplit vraiment la mémoire très rapide. iOS ne peut maintenant pas jeter des pièces si c'est sous la pression de la mémoire, c'est l'image entière ou rien.

Votre seule solution est de décomposer l'image en plus petites parties. iOS peut alors supprimer des images qui ne sont plus visibles de la mémoire (je doute avec une telle image que toutes les parties soient visibles tout le temps).