[iOS] Image Scaling

1x, 2x and 3x Image Scaling on iOS Explained – LearnAppMaking

 오늘 서버에서 내려받는 이미지와 관련한 얘기를 하다 잘 모르는 부분이 있어서 알아 보았다.

 사실 UIImageView에 따로 제약을 설정하지 않으면 Image 크기에 따라 ImageView의 크기가 결정되는 것은 알고 있었다. 하지만 iOS의 Image Scaling에 관한 부분은 잘 몰랐던 것 같다.

 

 위의 내용을 요약하자면 UIImageView에 이미지를 적용할 때 image 이름에 붙는 suffix (@3x)에 따라서 이미지 크기가 달라진다는 것이다.

 

 만약 48pixel x 48pixel 의 해상도를 가지는 이미지가 이미지 이름 뒤에 @3x라는 suffix를 가지면 자동으로 앱에서 image를 적용시 16 point x 16 point의 이미지를 적용한다는 말이다. 즉, suffix를 붙이면 해상도가 달라도(적용되는 픽셀의 수는 달라도) 이미지의 크기는 동일하게 적용된다는 이야기이다.