Image Rendering Mode (Original Image vs Template Image)

tintColor

UIImageView - Instance Property
뷰 계층에서 템플릿 이미지에 색조를 지정하는데 사용되는 컬러입니다.

var tintColor: UIColor! { get set }

default는 nil입니다. 만약 nil이 아니라면 컬러는 이미지 뷰에 첨부된 템플릿 이미지에 적용됩니다. 기본적으로 tintColor는 UIView가 가지고 있는 프로퍼티입니다. 상위가 되는 뷰의 tintColor를 변경하면 상속받는 하위 뷰에 차례대로 영향을 줄 수 있습니다.

override func viewDidLoad() {
    view.tintColor = UIColor.red
}

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    // Override point for customization after application launch.
    window?.tintColor = UIColor.red

    return true
}

---

UIImage.RenderingMode

이미지에 대해 가능한 렌더링 모드를 지정하는 상수입니다.

• Enumeration (열거형)

enum RenderingMode : Int, @unchecked Sendable

렌더링 모드는 UIKit이 색상 정보를 사용하여 이미지를 표시하는 방법을 제어합니다. 렌더링 모드의 디폴트는 automatic입니다.

---

Original Image

case alwaysOriginal

let image = UIImage(named: "")?.withRenderingMode(.alwaysOriginal)

• 항상 원본 이미지를 그대로 사용해서 그립니다. (원본 색상을 사용합니다.)

---

Template Image

case alwaysTemplate

let image = UIImage(named: "")?.withRenderingMode(.alwaysTemplate)

• 이미지의 색상 정보를 무시하고 템플릿 이미지로 그립니다.
• 원본 이미지가 가지고 있는 컬러정보는 무시하고 지정한 tintColor로 색상이 적용됩니다.
• tintColor가 적용되는 부분은 이미지의 불투명한 부분입니다.

---

Asset Catalog에서 Rendering Mode를 직접 변경하는 방법

Render As 설정 방법

---

정리

이미지의 색상을 임의의 값으로 변경하고 싶다면 Rendering Mode를 .alwaysTemplate으로 변경하고 tintColor를 조정하면 됩니다. 또는 그 반대로 이미지를 원본으로 사용하고 싶은데 tintColor가 적용된 채로 나온다면 .alwaysOriginal로 설정해주면 됩니다.