Notice
Recent Posts
Recent Comments
Link
관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - swift] Xcode에서 svg(Scalable Vector Graphic) 이미지 사용 방법 (+ 저작권 없는 무료 아이콘 다운 방법) 본문

Git, CocoaPods, Xcode, Shell

[iOS - swift] Xcode에서 svg(Scalable Vector Graphic) 이미지 사용 방법 (+ 저작권 없는 무료 아이콘 다운 방법)

jake-kim 2021. 9. 10. 23:34

이미지 아이콘 준비

다운받은 이미지

SVG(Scalable Vector Graphic)의 개념

  • 사양
    • iOS 13+
    • xcode 12+
  • 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식
  • 벡터 이미지는 특성상 확대를 해도 픽셀이 깨지지 않기 때문에 사용에 유용하며 파일의 크기가 작은 장점이 존재

312바이트

  • 보통 @3x.png 파일의 크기는 3k바이트

Xcode에서 SVG 파일 사용 방법

  • Single Scale 선택 후 사용

SVG vs PDF

  • svg의 크기가 더욱 적기 때문에 svg를 지향
  • PDF: Xcode6, iOS 8+ 지원

크기

  • SVG: Xcode13, iOS 13+ 지원

크기

 

Comments