XCode Assets에 이미지를 넣어보면 다음과 같이 1x 2x 3x 로 해상도 대응을 해줘야 한다.

하지만, 이미지를 추가할 때마다 3개의 이미지를 준비하는 것은 귀찮은 일이다.
이 때 PDF 이미지를 사용하면 한 개의 이미지 파일만 있어도 된다!

PDF 이미지는 수학 공식으로 작성된 vector 이미지 파일이기 때문에 아무리 확대해도 이미지가 깨져보이지 않는다. 그렇기 때문에 한 개의 이미지 파일만 있어도 되는 것이다.

이미지 한개만 있으면 되므로 Scale 을 Single Scale로 바꿔주자
그리고, 다크모드를 대응하기 위해 Appearances를 Any, Light, Dark 로 바꿔주자

상황에 맞는 이미지를 넣어주면 된다.
이렇게하면, 다크모드와 라이트모드일 때, 각각 다른 background 이미지를 보여줄 것이다.

추가적으로 텍스트 색, 아이콘 색에 대한 다크모드 대응하는 방법에 대해 알아보자

XCode 프로젝트 Assets에서 마우스 우클릭 - New Color Set 클릭해서 새로운 컬러셋을 생성해줍니다.

생성한 컬러셋을 클릭한 상태에서 Appearance를 Any, Light, Dark 로 설정하고, 이미지 추가할 때와 마찬가지로 상황에 맞게 색깔을 설정해줍니다.

이제 적용하고 싶은 텍스트나 아이콘에 색상을 적용해주면 됩니다. 위에서 만든 TextColor 컬러셋이 Named Colors 에 존재하죠.

끝