[씀씀이 프로젝트] 앱 아이콘 제작,적용

임혜정·2024년 9월 9일
0
post-custom-banner

❗️누군가 이 글을 읽나요? 2020년 (xcode12)이후 1024x1024 이미지 하나만 assets에 넣고 single scale을 선택하면 xcode가 기기별로 자동 생성해줍니다. 아래는 그것을 모르고 한 삽질들..

2017, iOS11, Xcode9일 때에도 다른 크기의 아이콘을 자동 생성하는 기능이 있었지만 일관적으로 생성되지 않는 문제가 있었던 것인가? 내가 들은 옛 강의에서는 앱 아이콘을 사이즈별로 제작하는 부분이 있었는데 여태껏 그걸 기억하고 있어서 이런 작업을 했던 것같다. 너무 당연한 것이라 생각해서 의심치 못했는데 뭘하건 글을 써서 널리 알려야 앎의 보정을 받을 수 있겠구나라고 생각하게 되었다.


MVP단계의 개발을 마치고 이제 부수적인 준비를 해야한다.
앱 전체적으로 사용될 로고가 준비되었고 앱 아이콘을 만들어야한다.

그러나 요구하는 사이즈가 너무 많다..!(이만큼 한 페이지 더 있음)

1. 사이즈 변환 사이트

https://www.appicon.co/

이 사이트가 없을 때 디자이너 들은 저걸 일일히 사이즈 조정했을까..?;; 아무튼 1024x1024 이미지 하나만 있으면 사이즈 별로 뽑아주는 사이트가 있다.

지원할 기기를 선택하고 Generate를 누르면 다운로드가 된다.

다양한 사이즈로 변환되어 저장된 걸 볼 수 있다. 이제 이 파일들을 실제 내 프로젝트에 넣어줘야한다.

2. 저장된 아이콘파일 적용

내 프로젝트폴더> Assets.xcassets> AppIcon.appiconset
에 기존에 있던 파일을 모두 날려준다. (JSON파일 포함)
그리고 이미지 파일들 넣어주고 xcode프로젝트를 열면..

다는 안되는 것이었나 ..ㅋㅋ
102사이즈는 왜 인식을 못하는 건지 모르겠지만 못한다

노란 느낌표 뜬 것들은 그냥 오른쪽 눌러서 삭제해준다
그리고 인식 못하고 이미지도 없는 258,234,108 사이즈에 대한 png파일에 대해서만 다시 포토샵 사이즈 조정해서 넣어줌

그러나 넣어준다고 알아서 인식하는게 아니고 JSON파일에

이런 형식의 키밸류 값도 써줘야 인식할 수 있다. 그러나 이렇게 안할 것이다 ㅋㅋ

그냥 비어있는 사이즈 네모를 더블클릭해서 각 사이즈에 맞게 업로드하면 된다

다 되었고 cmd + r 빌드해본다

예쁘게 잘 적용이 되었다!


profile
오늘 배운걸 까먹었을 미래의 나에게..⭐️
post-custom-banner

0개의 댓글