La dimensione dell'app è troppo grande a causa di troppe immagini

Question

Sto creando un'app universale. Per una schermata, visualizzo 6 immagini (formato png) in una griglia utilizzando il controllo this. Anche questo schermo supporta sia l'orientamento verticale che orizzontale.

Ho creato un set di immagini in diverse risoluzioni per tutti gli iDevice e li ho denominati utilizzando la convenzione di denominazione corretta come segue.

• nome ~ iphone.png
• name@2x~iphone.png
• nome ~ ipad.png
• name@2x~ipad.png
• nome-568H @ 2x ~ iphone. png (iPhone 5)

E ho dovuto creare un altro set di queste immagini poiché supporto sia l'orientamento che non posso usare le stesse immagini di cui sopra perché in orizzontale si allungherebbe.

Ora ho quasi 60 immagini per solo per uno schermo e l'app pesa già ~ 40 MB! Va da sé che questo è inaccettabile.

La mia domanda è, è necessario creare immagini separate per tutte queste dimensioni/dispositivi e orientamenti? Non riesco a creare un set solo per il display retina e ridimensionato per le visualizzazioni normali? Se ciò non è possibile, c'è un modo per ridurre le dimensioni delle immagini?

Grazie.

Answer 1

Non è obbligatorio, ma si dovrebbe fare o almeno in equilibrio con altri fattori. Il problema principale, se non lo fai, è legato alla memoria (RAM), le immagini più grandi occupano molto spazio in memoria e i dispositivi con una risoluzione inferiore hanno meno memoria di quelli della retina. Quindi restringere non è l'opzione migliore.
Una possibile soluzione sarebbe prendere una "grande" immagine che potrebbe essere ridimensionata anche per gli altri. Per fare ciò è necessario ridisegnare le immagini utilizzando Core Graphics o ImageIO, questa libreria potrebbe essere utile NYXImagesKit. Naturalmente c'è un prezzo da pagare:

1. richiede tempo di elaborazione
2. la fonte "grande immagine" deve essere aperto almeno una volta a fare il calcolo, se sei già a corto di memoria, potrebbe essere un problema

C'è un'altra soluzione per gli elementi della GUI (non solo), utilizzare un'immagine di vect PDF. È possibile trovare un articolo interessante here by Matt Gemmel
Se le immagini non utilizzano il canale alfa, andare con jpg !!!!

Answer 2

Non è necessario creare immagini per il display non retina e retina. È possibile utilizzare solo le "immagini retina" (se possibile, in formato JPG). Quando è necessario visualizzare le immagini di dimensioni più ridotte, è possibile utilizzare "aspect fit" per ridimensionare le immagini più grandi. Potrebbe esserci qualche compromesso qualitativo.

Analogamente, per le immagini di iPhone 5, è possibile ritagliare le immagini più lunghe utilizzando la proprietà ClipToBounds per ritagliare le parti indesiderate su schermi più piccoli.