iOS app non retina e retina images concept

Question

Sto facendo questa domanda solo per informazioni e per chiarire i miei concetti relativi alle immagini nell'applicazione iOS (dispositivi Retina e non-retina).

Quello che faccio è attualmente

Quando ho sviluppare un'applicazione iPhone e devo mostrare un'immagine permette di dire su UIButton utilizzando Interface builder prendo due immagini immagine supporre pulsante submit.png delle seguenti dimensioni

lascia

1. 100x100 px (submit.png)
2. 200x200 px (submit@2x.png) per il display retina

E in Interface builder imposterò la dimensione di UIButton 100x100 px e funziona perfettamente.

Domanda:

perché non luogo soltanto un'unica immagine diciamo submit.png

1. 200x200 px (submit.png)

e impostare UIButton dimensioni 100x100 px in interface builder e la stessa immagine verrà utilizzata in entrambi i dispositivi retina e non-retina.

Qual è il motivo reale dell'utilizzo di due immagini anziché di una singola immagine della dimensione della retina?

Un'altra domanda simile,

iPhone 5 è disponibile solo in retina display, ma dobbiamo collocare le proprie immagini come DefaultDefault-568h@2x.png. Perché in 2x?

Answer 1

Lo scopo principale dell'utilizzo di immagini senza retina è il miglioramento delle prestazioni e la qualità dell'immagine su dispositivi precedenti a causa delle necessarie operazioni di ridimensionamento.

Quindi per le prestazioni dei dispositivi meno recenti è necessario utilizzare immagini non retinate.

Answer 2

Il motivo per cui dobbiamo fornire 2 immagini è perché ci sono ancora persone che eseguono i primi dispositivi che non supportano la visualizzazione della retina. Mancano la quantità di pixel delle persone che gestiscono la retina, quindi forniamo la quantità normale. La cosa con l'iphone 5 che richiede il @ 2x nel file immagine è perché il nome file @ 2x è la convenzione standard che si occupa delle immagini del display retina.

Ecco perché quando hai chiesto perché non abbiamo messo l'immagine 200x200 nel pulsante 100x100. Bene, se stai usando un dispositivo retina, l'immagine in quel pulsante sarà simile a quello che hai disegnato; tuttavia, se stai eseguendo qualcosa di simile a una 3gs, che non ha retina, l'immagine in quel pulsante molto probabilmente apparirà piuttosto piatta, o sfocata dato che i pixel non corrispondono al rapporto del dispositivo.

La speranza che aiuta a chiarire tutto!

Answer 3

in iOS immagine Concetto di suo anche chiaro se leggete questo documento Custom Icon and Image Creation Guidelines

Per esempio, se si desidera creare un'immagine

100 x 100 px quindi deve con 163 Risoluzione ppisubmit.png NON-retina device

200 x 200 px quindi deve con 3 26 Risoluzione ppisubmit@2x.png Retina device

per iPad: -

400 x 300 px quindi deve con 264 Risoluzione ppisubmit@2x~ipad.png Retina iPad device

200 x 150 px quindi deve con 132 Risoluzione ppisubmit~ipad.png Non-retina iPad device

Date un'occhiata a questa immagine: -

fonte Immagine da This

Abbiamo inculcato @ 2x quando vogliamo specificare diverse versioni di un'immagine per iPad e i phone. L'inclusione del modificatore @ 2x per l'immagine ad alta risoluzione è nuova e consente al sistema di sapere che l'immagine è la variante ad alta risoluzione dell'immagine standard.

Questo è il cambiamento chiave necessaria per il sistema operativo per ridimensionare la finestra per riempire l'iPhone 5 display.has inviato un writeup su questo e altri tweaks connessi alla dimensione che si potrebbe aver bisogno di fare.

Spero che questa sia un'informazione utile per la risoluzione dell'immagine e le sue dimensioni.

Answer 4

1- Se si desidera supportare l'applicazione sia con retina che senza dispositivo di retina, è necessario seguire gli standard dei nomi dei file. Se si desidera supportare solo i dispositivi retina, non è necessario aggiungere l'immagine predefinita (button.png). Se vuoi supportare sia dispositivi retina che non retina, devi aggiungere entrambe le immagini e nel generatore di interfacce non è necessario aggiungere il nome completo come @ 2x. Basta aggiungere il nome dell'immagine. Il principale è il nome di entrambe le immagini dovrebbero essere uguali. Ex: Non retina-->Button.png, Retina-->Button@2x.png, IE-->Button

2 - iPhone5 è Basta display retina. Pertanto, se aggiungi un'immagine predefinita per iPhone5, viene eseguita automaticamente nel dispositivo iPhone5. Apple sta seguendo gli standard. Quindi dobbiamo seguire.

Nota: Xcode si prenderà automaticamente cura di tutti questi tipi di immagini.

Answer 5

Sì, è possibile utilizzare solo le immagini retina per entrambi i dispositivi retina e non-retina. Se li usi in imageviews, pulsanti, ecc., Rendili scaletofill/aspectfill/aspectfit o quello che vuoi.

Ma il problema con questo è che le immagini non necessarie di dimensioni maggiori verranno caricate in memoria e il ridimensionamento delle immagini richiederà anche qualche elaborazione.

L'utilizzo di immagini separate aumenta la dimensione del pacchetto di app, ma riduce l'utilizzo effettivo del ram dall'applicazione durante l'esecuzione.