**앱을 대표하는 이미지이며, 스마트폰 바탕화면에 표시되는 대표 아이콘 이미지를 말합니다.**
브랜드마다 브랜드가 가진 특정 로고가 있죠. 앱 아이콘이 그러한 로고와 동일하다고 생각하면 됩니다.\~!
앱을 대표하는 특정 로고를 아이콘으로 등록하는 것이죠!
이렇게 핸드폰에서 보이는 이미지들이 모두 앱 아이콘입니다.
사용자분들도 자신만의 앱 아이콘 이미지를 만들어 주면 됩니다\~!
## **2. 앱 아이콘 제작 가이드**
앱 아이콘은 핸드폰에서는 조그맣게 보이지만 실제로는 굉장히 높은 해상도로 작업을 해주셔야 해요.
앱 아이콘 권장 사이즈는 가로\*세로 **1024px\*1024px 사이즈이구요.**
**해당 사이즈로 제작을 해서 앱제작페이지에 등록해주셔야 합니다.**\
\
뭘 이렇게 큰 이미지를 넣어야 하는지.. 핸드폰에서는 100px도 안되어 보이던데…라고 생각할 수 있어요.
그러나 컴퓨터 웹에서의 이미지 화질과 핸드폰 모바일에서의 이미지 화질 차이가 어마 어마해요.
\* 핸드폰 사진은 해상도가 엄청 클 뿐만 아니라 그만큼 사진 용량도 어마어마하게 높죠.
최신폰으로 갈 수록 용량은 더 높아져요. 화질이 그만큼 좋으니까요^^
따라서 앱 아이콘은 OS권장 사이즈대로 1024px\*1024px 반드시 해당 사이즈대로 작업해주시기 바랍니다
{% hint style="danger" %} **아이콘 제작 중요사항!!**
1\)앱 아이콘 이미지를 만들 때는 디자인 전문 편집도구 – 포토샵, 일러스트 등으로 제작해주시길 권장드려요.
그림판, 파워포인트 등으로 작업시 화질이 생각보다 안좋을 수 있어요!
2\)핸드폰으로 앱 설치시 핸드폰에 따라 앱 아이콘 툴을 고정하여 자동조절합니다.
**앱 아이콘 제작시 정사각형으로 제작해주세요.**
원, 세모, 별 등 다른 둘레에 모양을 설정하지 않도록 해주세요.
3\) 핸드폰에 설치했을 때 아이콘 안의 디자인이 너무 클 경우 옆에 부분을 잘려서 표시할 수 있어요.
따라서 이미지 제작시 로고나 브랜드이미지는 너무 크지 않게 잘리지 않게 만들어주는 것이 좋습니다.
4\) **앱 아이콘은 미리 사용자가 자신의 앱의 스타일, 브랜드, 로고 등을 생각하여 별도 디자인 제작을 해서 넣어주셔야 해요.**
{% endhint %}
## **3. 앱 아이콘 디자인 가이드**
**앱 아이콘을 어떻게 디자인 해야 하는지 어려워하시는 분들이 있을 텐데요.**
**디자인의 가장 큰 핵심 포인트는!! ‘깔끔’해야 한다는 것입니다.**
-글자수를 절대 많이 넣으면 안되구요.
-배경화면, 이미지를 많이 넣는 것도 안됩니다.
시중에 출시된 앱 아이콘 이미지를 보시면 브랜드의 로고 하나만을 딱 올려서 제작했어요.\
몇개만 살펴보면요.
**-스윙투앱은 스윙 로고와 함께 official(공식)단어만 추가했구요.**
**-네이버는 영어 대문자 N + 심볼 색상인 녹색 배경**
**-CGV는 CGV 로고만 기재**
**-카카오톡은 영어 TALK + 심볼 색상인 노란색 배경**
이 외에도 여러분 핸드폰에 설치된 앱들을 보시면 어떻게 디자인을 했는지 확인하여 디자인에 영감을! 받으실 수 있을거에요 ^^
**\*그리고 위에서도 말씀드렸듯이 반드시 이미지 디자인 전문 편집도구 프로그램을 이용해주시구요\~!**
## **4. 앱에 아이콘 이미지 등록하기**
**앱제작 V3버전**
**앱제작 → \[STEP1 앱 기본정보] 메뉴에서**
1\)아이콘 업로드 버튼 선택
2\)파일첨부 창에서 이미지 업로드 버튼을 선택합니다.
3\)아이콘으로 사용할 이미지 등록 후 적용 버튼을 선택합니다.
4\)화면상단 저장 버튼 까지 눌러주시면 적용됩니다.
\*만약 첫 등록이 아니고
기존 등록된 이미지에서 수정을 하는 것이라면, **앱 업데이트가 필요합니다.**
이미지 **업로드 적용 후 - 저장 - 앱 업데이트 버튼 눌러주세요.**
앱 업데이트가 되어야 변경된 이미지로 확인 가능합니다.
스윙투앱 앱제작은 추가적으로 계속해서 수정이 가능하니 샘플로 한 번 적용해보시고 다른 이미지로 수정해주셔도 됩니다.
아이콘 사이즈는 1024px \*1024px로 만들어주시구요. png,jpg 파일로 올려주시면 되요!
**배경은 색상을 꼭 넣어주세요. 배경 투명색으로 지정시 스토어 업로드시 제한이 있습니다.**
그런데 만약 아이콘 사이즈가 다를 경우 이미지편집도구 로 사이즈를 수정할 수 있으니 이용에 참고해주세요.
\
**이미지 편집도구 창)**
이미지 편집도구 창은 이미지의 사이즈만 권장사이즈대로 조율할 수 있는 페이지에요
(이미지를 디자인하는 기능이 아닙니다 ^^)
{% hint style="danger" %} **안내사항**
아이콘, 대기화면 등은 핸드폰에서 보여지는 이미지이기 때문에 미리 포토샵이나 일러스트로 사이즈 및 해상도를 맞춰놓고 완성도 높은 이미지로 등록하시는 것을 권장드릴게요.
이미지 편집도구 창에서 임의로 이미지를 자르거나 사이즈를 축소시킬 경우 폰에서 퀄리티가 떨어져 보일 수 있어요
{% endhint %}
## **5. 안드로이드폰과 아이폰에 앱 아이콘 스타일은 다릅니다.**
**간혹 앱 아이콘이 아이폰과 안드로이드폰에서 다르게 보여요. 뭐가 잘못된거 아니에요?**\
**혹은** \
**저는 동그랗게 앱 아이콘을 만들었는데 왜 핸드폰에 설치를 했더니 이미지가 라운드 사각형으로 보여요?**
그 이유는!! 안드로이드와 아이폰 플랫폼에서 제공하는 아이콘 스타일이 다르구요.
실제 디자인된 앱 아이콘 모양과 상관없이 플랫폼에서 정해놓은 스타일로 보여주기 때문이에요.
아래에서 아이폰과 안드로이드폰에서 보여지는 앱 아이콘을 확인해볼게요!
**1) 아이폰에서 보이는 앱 아이콘 스타일**
아이폰은 모든 아이폰 모델에서 아이콘 스타일이 동일하게 보여지는데요.
위 이미지에서 보시는 것과 같이 앱 아이콘이 완전한 사각형이 아닌, 라운딩 처리가 되어서 곡선 모양의 사각형 스타일로 보여집니다.
\* 따라서 앱 아이콘을 사각형으로 만들거나, 동그랗게 만들거나, 세모로 만들어도!! 아이폰에서는 모든 앱 아이콘 스타일이 라운드형 스타일로 보여지는 것입니다.
**2) 안드로이드폰에서 보이는 앱 아이콘 – 안드로이드 11 버전**
안드로이드폰(11버전)도 아이폰과 동일하게 특정 앱 아이콘 스타일로 보여집니다.
라운드형이지만 아이폰에서 보는 것보다 훨씬 더 라운드가 많이 되어서 좀 더 둥글둥글하게 보여져요
★안드로이드폰은 버전에 따라서 앱 아이콘 스타일이 달라요!
11 이전 버전에서는 원래 앱 아이콘 모양대로 핸드폰에서도 보여집니다.
안드로이드는 버전, 기종에 따라서 앱 아이콘 스타일이 달라지기 때문에 사용자의 안드로이드 폰마다 앱
아이콘은 다르게 보일 수 있다는 점 유념해주세요\~!
**따라서 어떤 OS플랫폼을 이용하는지에 따라서 앱 아이콘 모양이 달라질 수 있으니, 스윙으로 앱을 운영하시는 분들은 참고하시어 앱 아이콘 제작 및 디자인을 해주세요.**
***
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://documentation.swing2app.co.kr/manual/v3/step1-basic/appicon.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.