iOS 앱 아이콘 다양한 크기로 한번에 생성해서 적용하기

iOS에서는 앱을 빌드하고 게시하기 전에 앱 아이콘을 다양하게 요구한다.

이는 사전에 이미지의 크기 별로 받아서 다양한 디바이스에 적용함으로써

디바이스의 성능을 끌어올리기 위함이다.

 

그럼 이 앱 아이콘을 어떻게 변환하냐면

아래의 링크에서 할 수 있다.

https://appicon.co/?utm_source=pocket_mylist 

App Icon Generator

그런데 이 사이트에서 보면 1024x1024 이미지가 기본적으로 필요하다.

위의 설명에 1024x1024 이미지를 넣으라고 되어있다

 

따라서 우리는 앱 아이콘을 디자인할 때 1024x1024로 해야 한다.

아래의 사이트는 앱 아이콘을 특정 사이트로 디자인하는 사이트다.

https://www.canva.com

 

가입하고 우상단에 '디자인 만들기' 버튼을 눌러 사용자 지정 크기에서 1024x1024를 입력해주고 새로운 디자인 만들기를 해주면

새로운 탭으로 편집기가 뜬다.

canva.co 사이트 이미지

 

canva.co 편집기 탭

원하는대로 만들어본다

그리고 원하는 대로 만들고 다운로드하고 App Icon Generator 사이트에 드래그해서 올린다.

앱 아이콘 생성 사이트

 

그리고 Generate 버튼 누르면 아래와 같이 여러 가지 사이즈로 앱 아이콘이 생성된 것을 볼 수 있다.

다양한 크기의 앱 아이콘 생성 결과 이미지

 

그리고 다시 XCode로 돌아와서 아래와 같이 앱 아이콘을 우클릭하고 파일 경로로 찾아간다.

App Icon 'Show in Finder'

 

그럼 아래와 같이 다운로드하였던 AppIcon.appiconset 폴더와 기존의 Xcode를 통해 들어갔던 폴더에 

똑같이 Contents.json 파일이 보일 것이다.

이 파일이 Xcode 내에서 해당 폴더 내에 있는 (네이밍이 제대로 되어있는 상태의) 앱 아이콘 이미지 파일을

적절한 크기의 슬롯에 잘 박히도록 해준다.

따라서 이 폴더를 다운로드한 폴더로 대체해주면 된다.

왼쪽) 다운 받은 폴더 / 오른쪽) Xcode를 통해 들어간 폴더

 

그러면 아래와 같이 제대로 이미지가 들어간 것을 볼 수 있다.

iOS 다양한 앱 아이콘 한번에 넣는 방법