iOS/Tip
Xcode에서 벡터 이미지 사용하기
까칠코더
2022. 6. 30. 21:33
반응형
Xcode에서 벡터 이미지 사용하기
Apple 개발툴인 Xcode에서 벡터 이미지를 사용할 수가 있습니다.
기존에 사용하던 @1x, @2x, @3x 이미지 파일(.png) 대신에 벡터 이미지를 사용하면 리소스 용량을 줄일수가 있습니다.
Xcode에서 사용가능한 벡터 이미지는 PDF 파일과 SVG 파일이 있으며, 사용 조건은 다음과 같습니다.
| 종류 | 사용조건 | 파일 크기 |
| Xcode 6, iOS 8, Mac OS 10.9 이후 | 작음 | |
| SVG | Xcode 12, iOS 13, iPad OS 13, Mac OS 10.15 | 가장 작음 |
현업 개발에서 주로 사용하는 Zeplin이나 Figma에서 이미지를 다운로드 또는 Export 할 수 있습니다.
Xcode에서의 사용법은 간단합니다.
Assets에 파일을 넣고 Inspecters > Attributs에서
* Scales를 Single Scale로 설정만 해주면 됩니다.
* Resizing의 Preserve Vector Data를 체크해주면, 벡터 이미지를 저장해서 다양한 크기로 사용할때 효과적이지만, 앱의 용량이 커지게 됩니다.
반응형