iOS 앱이 아닌 망막 및 망막 이미지의 개념

Question

이 질문에 대한 정보는 단지 iOS 애플리케이션 (Retina 및 non-retina 기기)의 이미지에 대한 개념을 명확히하고 있습니다.

나는 현재 내가 iPhone 응용 프로그램을 개발하고 나는 두 개의 이미지를 가지고 UIButton이 Interface builder를 사용하여 말할 수 있도록하는 이미지를 표시 할 때

입니다 무엇을 다음과 같은 크기

을의 가정 해 submit.png 버튼 이미지를 할 수 있습니다 레티 나 디스플레이를위한

1. 100 × 100 픽셀 (submit.png)
2. 하여 200x200 픽셀 (submit@2x.png)

Interface builder에서 UIButton 크기를 100x100 픽셀로 설정하고 완벽하게 작동합니다.

는 질문 :

왜 우리는 하나의 이미지가 (submit.png)

1. 하여 200x200 픽셀을 submit.png 말할 수 놓고 UIButton 크기를 설정하지 않는 100 × 100 px는 interface builder이며 retina 및 non-retina 기기에서 동일한 이미지가 사용됩니다.

   망막 크기의 단일 이미지가 아닌 두 이미지를 사용하는 실제 이유는 무엇입니까?

   또 다른 비슷한 질문,

   iPhone 5는 retina 디스플레이에서만 사용할 수 있지만, 우리는 Default-568h@2x.png로서의 Default 이미지를 배치해야합니다. 왜 2 배?

Answer 1

망막이 아닌 이미지를 사용하는 주요 목적은 필요한 다운 스케일 작업으로 인해 구형 장치의 성능 향상 및 이미지 품질입니다.

따라서 오래된 장치의 성능에는 망막이 아닌 이미지를 사용해야합니다.

이미지의 IOS 개념에서

Answer 2

우리가 2 개의 이미지를 제공해야하는 이유는 망막 디스플레이를 지원하지 않는 초기 장치를 실행하는 사람들이 여전히 있기 때문입니다. 그들은 망막을 운영하는 사람들의 픽셀 양이 부족하여 정상적인 양을 제공합니다. 아이폰 5 이미지 파일에서 @ 2x를 요구하는 것은 @ 2x 파일 이름이 망막 디스플레이 이미지를 다루는 표준 규칙이기 때문입니다.

왜 그런지 묻지 않았을 때 우리는 200x200 이미지를 100x100 버튼에 넣었습니다. 자, 망막 장치를 사용하고 있다면, 그 버튼의 이미지는 당신이 그린 것과 같습니다. 그러나 망막이없는 3gs와 같은 것을 실행하는 경우, 버튼의 이미지는 픽셀이 장치의 비율과 일치하지 않을 때 거의 뭉툭하거나 흐릿해질 수 있습니다.

희망을 정리하는 데 도움이되는 희망!

Answer 3

그 또한 분명 당신이 이미지를이 163 해상도 PPI 때와해야하므로

100 × 100 픽셀을 만들려면 당신은 예를 들어이 문서 Custom Icon and Image Creation Guidelines

을 읽으면submit.png NON-retina device

200 X 200 픽셀 그래서 3해야 26 해상도 PPI시오 FORsubmit@2x.png Retina device

- 그래서 그것은 반드시 264 해상도 PPIsubmit@2x~ipad.png Retina iPad device

200 × 150 픽셀 때와 그래서해야

400 X 300 픽셀 132 해상도 ppisubmit~ipad.png Non-retina iPad device

찾을 대상이 이미지 보자 - 우리가 아이 패드에 대한 이미지의 다른 버전을 지정하고자 할 때 우리는 @의 2 배를 심어 This

에서

이미지 소스를하고 iPhone. 고해상도 이미지에 대해 @ 2x 한정자를 포함하는 것이 새롭고 이미지가 표준 이미지의 고해상도 변형임을 시스템에 알립니다. 아이폰 5 display.has을 채우기 위해 크기로 OS의 창을 필요로하는 변화의 핵심이다

이 당신이해야 할 수있는 다른 크기 관련 비틀기에 writeup을 기록했다.

희망이 이미지 해상도와 크기에 대한 유용한 정보입니다.

Answer 4

1- 망막 및 비 망막 장치 모두에서 응용 프로그램을 지원하려면 파일 이름 표준을 따라야합니다. 망막 장치 만 지원하려면 기본 이미지 (button.png)를 추가 할 필요가 없습니다. 망막과 비 망막 장치를 모두 지원하려면 인터페이스 빌더뿐만 아니라 @ 2x와 같은 전체 이름을 추가 할 필요없이 두 이미지를 모두 추가해야합니다. 당신은 이미지의 이름을 추가하기 만하면됩니다. 주요 근본은 두 이미지의 이름이 같아야한다는 것입니다. Ex: Non retina-->Button.png, Retina-->Button@2x.png, IE-->Button

2 - iPhone5에는 망막 디스플레이 만 있습니다. 따라서 iPhone5의 기본 이미지를 추가하면 iPhone5 장치에서 자동으로 실행됩니다. Apple은 표준을 따르고 있습니다. 그래서 우리는 따라야합니다.

참고 : Xcode는 이러한 모든 종류의 이미지를 자동으로 처리합니다.

Answer 5

예. 망막 이미지와 망막 이미지 모두 사용할 수 있습니다. imageviews에서 버튼을 사용하는 경우 scaletofill/aspectfill/aspectfit 또는 원하는대로 만드십시오.

은 그러나이 문제는 불필요한 큰 크기의 이미지가 메모리에로드되며, 이미지의 크기 조정뿐만 아니라 몇 가지 처리해야 할 것입니다 것입니다. 별도의 이미지를 사용

는 앱 번들 크기를 증가 않지만, 실행할 때 응용 프로그램에서 실제 램 사용량을 줄일 수 있습니다.