반응형

Xcode에서 벡터 이미지 사용하기

Apple 개발툴인 Xcode에서 벡터 이미지를 사용할 수가 있습니다.
기존에 사용하던 @1x, @2x, @3x 이미지 파일(.png) 대신에 벡터 이미지를 사용하면 리소스 용량을 줄일수가 있습니다.

Xcode에서 사용가능한 벡터 이미지는 PDF 파일과 SVG 파일이 있으며, 사용 조건은 다음과 같습니다.

종류 사용조건 파일 크기
PDF Xcode 6, iOS 8, Mac OS 10.9 이후 작음
SVG Xcode 12, iOS 13, iPad OS 13, Mac OS 10.15 가장 작음

 

현업 개발에서 주로 사용하는 Zeplin이나 Figma에서 이미지를 다운로드 또는 Export 할 수 있습니다.

Zeplin
Figma

Xcode에서의 사용법은 간단합니다.


Assets에 파일을 넣고 Inspecters > Attributs에서
* Scales Single Scale로 설정만 해주면 됩니다.
* Resizing Preserve Vector Data를 체크해주면, 벡터 이미지를 저장해서 다양한 크기로 사용할때 효과적이지만, 앱의 용량이 커지게 됩니다.

 

반응형

'iOS > Tip' 카테고리의 다른 글

Swipe Back 사용하기  (0) 2022.11.09
iOS Localizable with Code  (0) 2022.11.02
iOS Locale code  (0) 2022.10.12
WebSockets on iOS using URLSessionWebSocketTask  (0) 2022.08.08
App Version 비교하기  (0) 2022.06.30
아이폰 잠금(비밀번호 설정) 여부 확인  (0) 2022.02.09
앱 실행시 슬립모드 방지  (0) 2022.02.09
iOS 버젼별 지원되는 iPhone  (0) 2021.09.13
Posted by 까칠코더
,