[layout] image (1x, 2x, 3x)

이채윤·2022년 1월 25일
0

IOS

목록 보기
17/24

xcode에 이미지를 넣게될경우 1x, 2x, 3x로 나누어진 모습을 볼 수 있습니다.

애플에는 기기가 다양하게 많습니다.
Apple디바이스에는 3가지 종류가 있습니다.


[디바이스 구분]

아이폰 4이전 -> 일반 디스플레이

아이폰 4 ~ 아이폰 5 -> 레티나 디스플레이

아이폰 6 ~ 아이폰 7 -> 레티나 HD 디스플레이



위처럼 3가지로 구분이 됩니다.

개발자는 이 모든 기기에 대한 고해상도 이미지를 제공해야 합니다.
그래서 장치에 따라 각 이미지의 픽셀수에 특정 배율 인수를 곱해 이를 수행합니다.

[1x, 2x, 3x로 굳이 나눈 이유]

  • 메모리 / 디스크 사용량을 줄여서 성능을 향상시키는 것.

[human interface guidelines]

애플 공식사이트에서는 human interface guidelines(디자인과 관련된 기본적인 가이드들 설명)을 제공한다.
https://developer.apple.com/design/human-interface-guidelines/

여기서 우리가 다룰 1x, 2x, 3x에 관한 내용이 나온다.
https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/image-size-and-resolution/





출처: https://zeddios.tistory.com/26 [ZeddiOS]

0개의 댓글

관련 채용 정보