Swift 이미지 @1x @2x @3x

아이폰 디바이스의 해상도에 따라 자동으로 이미지가 적용됩니다

 

ex) 

50x50 (px)  사이즈를 표현하고 싶다면

50x50, 100x100, 150x150 이미지를 준비해야 합니다.

 

testImage라는 이미지를

에셋 카탈로그의 x1, x2, x3 각 칸에

50x50, 100x100, 150x150 사이즈 이미지를 넣어주면

스토리보드나 코드에서 이미지 적용 시 testImage 명을 이용하면

디바이스 해상도에 맞는 이미지가 자동 적용됩니다.

 

에셋 카탈로그가 아니고 폴더로 이미지를 관리하신다면

testImage@1x, testImage@2x, testImage@3x 명으로

50x50, 100x100, 150x150 사이즈의 이미지를 관리해주면 됩니다.

 

즉, 고해상도 아이폰의 경우 50x50 (px) 사이즈의 이미지를 표현할 때

150x150 (px) 이미지가 필요합니다.

물론 50x50 이미지를 이용해도 되겠지만 이미지 화질이 굉장히 안 좋습니다.

@3x를 안 붙일 시 150x150 크기 그대로 표현되어 3배 큰 이미지가 표현됩니다.