iOS 앱 아이콘 설정 및 이미지 실행 방법


170

앱을 보관하고 유효성을 검사 할 수 있도록 이미지를 어떻게 설정합니까? 화면은 다음과 같습니다 :

여기에 이미지 설명을 입력하십시오

그래서 첫 번째 29pt는 말합니다 2x. 29x29이미지 나 이미지를 넣을 58x58까요? 그리고 다른 모든 것을 어디에 두나요? (내가 거기보다 더 크기는 것을 알고 29, 40하고 60).

어쨌든, 내가 시도한 것은 29x29png를 첫 번째 슬롯, 40x40두 번째 슬롯 및 60x60세 번째 및 네 번째 슬롯으로 드래그하는 것 입니다. 내가 갔을 때 Product->Archive, 나는 얻을

/ Users / kendon / Documents / iPhone Apps / Sales Tool / Sales Tool / Images.xcassets : "AppIcon"이라는 앱 아이콘 세트에 적용 할 수있는 컨텐츠가 없습니다.


appicon을 선택하고 속성 관리자를 탭하면 1x의 경우 29x29, 2x의 경우 58x58의 치수도 표시됩니다.
Muhammad Adnan

3
이 웹 사이트를 사용하여 모든 앱 아이콘을 만들 수 있습니다. makeappicon.com
AL̲̳I

9
왜 우리는 Xcode 자체에서 이것을 할 수 없습니까? 특별한 앱이나 웹 사이트가 없습니다. 하나의 큰 이미지 만, 너무 쉽지 않을 것입니다. 이것은 내가 유니티에서 어떻게입니다
츠 키미

이미지가 아이콘의 흰색 배경 가장자리에 너무 가까운 것처럼 보입니다. 이미지를 더 작게 만들지 만 필요한 픽셀 대 픽셀 비율을 유지하는 방법이 있습니까? 이것은 makeappicon.com
nenur

더 이상 iOS 13에서 사용되지 않습니다. 더 이상 사용되지 않습니다.
Manish

답변:


211

업데이트 : 아이콘 크기를 하나씩 조정하는 것을 좋아하지 않으면 Schmoudi의 답변을 확인하십시오 . 훨씬 쉽습니다.

아이콘 크기

여기에 이미지 설명을 입력하십시오

iOS 9 디자인의 위 이미지 . 그들은 iOS 10과 동일합니다 .

앱 아이콘을 설정하는 방법

프로젝트 탐색기에서 Assets.xcassets 를 클릭 한 다음 AppIcon 을 선택 하십시오 .

여기에 이미지 설명을 입력하십시오

빈 앱 아이콘 세트가 표시됩니다.

여기에 이미지 설명을 입력하십시오

이제 Finder에서 올바른 크기의 이미지 (.png 형식)를 앱 세트의 모든 이미지로 드래그하기 만하면됩니다. 앱 아이콘이 모두 설정되었습니다.

올바른 크기의 이미지를 만드는 방법

맨 위에있는 이미지는 iOS 9에 필요한 각 포인트 크기의 픽셀 크기를 나타냅니다. 그러나 이후 버전의 iOS에서이 답변을 업데이트하지 않아도 여전히 올바른 픽셀 크기를 알아낼 수 있습니다. 아래의 방법.

빈 이미지 세트의 각 공백이 몇 점인지 (pt)보십시오. 이미지가 1x이면 픽셀은 점과 동일합니다. 2 배의 포인트는 2 배, 3 배의 포인트는 3 배입니다. 예를 들어 위의 첫 번째 공백 (29pt 2x)에는 58x58 픽셀 이미지가 필요합니다.

1024x1024 픽셀 이미지로 시작한 다음 올바른 크기로 축소 할 수 있습니다. 직접 할 수도 있고 적절한 크기를 얻기위한 웹 사이트와 스크립트도 있습니다. "ios app icon generator"또는 이와 유사한 것을 검색하십시오.

치수를 올바르게 얻는 한 이름이 중요하다고 생각하지 않지만 일반적인 명명 규칙은 다음과 같습니다.

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

발사 이미지

시작 화면에 이미지를 사용할 수 있지만 시작 화면 스토리 보드 파일 사용을 고려하십시오. 이것은 모든 크기와 방향에 맞게 편리하게 크기가 조정됩니다. 이에 대한 도움이 필요하면 이 SO 답변 또는 다음 설명서를 확인하십시오 .

유용한 문서

이 게시물의 Xcode 이미지는 Xcode 7로 작성되었습니다.


저에게 XCode 7.2에서는 XCode를 사용하여 이미지를 해당 상자로 끌 수 없습니다. 저 좀 도와 주실 래요?
ahitt6345

1
@ ahitt6345 : Xcode 7.2로 다시 테스트했는데 여전히 작동합니다. Finder를 열고 이미지가있는 폴더에서 이미지를 찾으십시오. 그런 다음 위와 같이 Xcode의 올바른 앱 아이콘 세트 위치로 드래그하십시오. 이미지 형식이 잘못된 경우 작동하지 않을 수 있습니다. .png 형식을 사용하십시오.
Suragch

그들은 .png 형식이며 다시 드래그 앤 드롭을 시도했지만 여전히 작동하지 않습니다.
ahitt6345

@ ahitt6345, 이 YouTube 비디오 자습서를 확인하십시오 . 실제로 수행되는 것을 보는 것이 도움이 될 수 있습니다.
Suragch

드래그하는 위치와 일치하도록 png 형식을 변경할 때까지 드래그하는 데 문제가있었습니다. 이것은 Xcode 8.3과 함께
curt

176

최근 에 App Store 에서 Icon Set Creator 라는이 앱을 발견했습니다.이 앱 은 무료이며 새로운 변경 사항에 대해 업데이트되지 않고 곧바로 업데이트되며 OSX, iOS 및 WatchOS의 모든 아이콘 크기에 적합합니다.

아이콘 세트 작성기에서 :

  1. 이미지를 뷰로 드래그
  2. 대상 플랫폼을 선택하십시오
  3. 아이콘 세트 폴더 내보내기

iconSetCreator

XCode에서 :

  1. Assets.xcassets 폴더로 이동하십시오
  2. 기존의 기존 AppIcon 삭제
  3. 마우스 오른쪽 버튼으로 클릭-> 생성 된 아이콘 세트를 AppIcon 으로 가져 오기를 완료하십시오.


1
Enterprise 앱의 앱 아이콘 시스템을 이해하는 데 어려움을 겪고있는 동안 이것은 훌륭한 자산으로 판명되었습니다. 그러나 작동 방식에 대한 약간의 명확성은 순서대로 언급 할 가치가 있습니다. 앱은 새로 생성 된 이미지가 저장된 이름이나 위치를 구체적으로 알려주지 않습니다. 이것은 iOS 응용 프로그램이기 때문에 앱이 'iOS'라는 폴더를 만든 다음 'Appicon.appiconset'이라는 다른 폴더에 이미지를 저장했음을 알게되었습니다. 프로젝트로 가져올 준비가되면이 폴더를 선택해야합니다.
Bill Norman

완전히 시간을 절약했습니다. 15 분 안에 모든 것을 완료했습니다
NduJay

22

비트 시간을 절약하려면

1) 앱 아이콘 이미지를 파인더에서 모두 표시하고 앱 아이콘 이미지 세트의 빈 슬롯 중 하나로 드래그하여 한 번에 자산 카탈로그로 드래그 할 수 있습니다. 슬롯 위로 드래그하면 다른 슬롯 중 일부가 선택된 것처럼 보이며 놓으면 모두 한 번에 채워집니다. 이것은 XCode 8 (XCode 7을 시도하지 않았 음)에서 작동하지만 XCode 9 베타에서는 아직 작동하지 않습니다.

앱 아이콘 자산 카탈로그 이미지 세트로 드래그

2) "Technical Q & A QA1686" 애플 문서 사이트에는 멋진 아이콘으로 이미 계산 된 앱 아이콘 슬롯 당 크기가 있으며 올바른 이미지 이름 규칙이 포함되어 있습니다.

앱 아이콘 크기


11

올바른 크기는 다음과 같습니다.

1)58x58

2)80x80

삼)120x120

4)180x180


10

Prepo라는 도구를 사용하여 올바른 이미지 크기를 모두 만듭니다. 이미지 파일을 앱에 제공하면 필요한 각 파일을 적절한 이름으로 뱉어냅니다.

이렇게하면 적절한 파일을 끌어 놓거나 Prepo 내 보낸 폴더를 가리킬 수 있습니다.


최신 Ipad에 대해서는 167x167 아이콘을 사용하지 않습니다
Yernar Amergaliyev

실제로 이미지를 내보낼 때 167x167이 생성됩니다. 미리보기 창에서 그 크기 (및 다른 많은 크기)를 보여주지 않습니다
tiguchi

8

이제 며칠은 app-icon을 설정하는 것이 정말 쉽습니다. https://makeappicon.com/으로 이동 하여 이미지를 추가하면 모든 크기의 App-icon (시계 및 아이튠즈도)을 전송합니다. 이제 자산을 클릭하십시오. 프로젝트 탐색기에서 .xcassets를 선택한 다음 AppIcon을 선택하십시오. 이제 필요에 따라 아이콘을 끌어다 놓기 만하면됩니다.


5

왼쪽 목록에서 "AppIcon"을 마우스 오른쪽 버튼으로 클릭하고 "Finder에서 열기"를 클릭하십시오. 이름이 "AppIcon.appiconset"인 폴더가 열립니다. 필요한 해상도로 모든 그래픽을 붙여 넣습니다. 완료되면 모든 이미지가 동일한 스크린 (스크린 샷에서 하나)에서 볼 수 있습니다. 그런 다음 적절한 상자로 드래그하십시오. 앱 아이콘이 추가되었습니다. Launch images와 동일한 프로세스입니다. 이 프로세스를 통한 실행 이미지는 iOS 7 이하에 추가됩니다. iOS 8의 경우 별도의 LaunchScreen.xib 파일이 기본적으로 만들어집니다.


5

Iconizer라는 앱을 찾았습니다. github에서 저장소를 찾을 수 있습니다 . Iconizer는 단 하나의 이미지 로 OS X, iPad, iPhone, CarPlayApple Watch 앱 아이콘을 생성 할 수 있습니다 .

Icon을 Iconizer로 드래그 앤 드롭하고 필요한 플랫폼과 모든 플랫폼을 하나의 자산 카탈로그로 생성할지 여부를 선택한 다음 내보내기를 누르십시오.

에서 그건 그냥 교체 한 후 (삭제 및 수입) 당신의 AppIcon Assets.xcassets


2

이것은 XCode에서 매우 실망스러운 부분입니다. 많은 사람들과 마찬가지로, 최신 버전의 xcode (버전 8)로 전환 할 때이 작업에 시간을 낭비했습니다. 나를위한 해결책은 프로젝트의 속성을 열고 "앱 아이콘 및 이미지 실행"에서 아이콘의 "마이그레이션"옵션을 선택하는 것이 었습니다. 내가 이미 모든 아이콘을 가지고 있었기 때문에 이것은 나에게 전혀 의미가 없었지만 효과가있었습니다! 불행히도 나는 이제 프로젝트에 내 런처 아이콘의 사본 두 개를 가지고있는 것 같습니다.


이것은 내가 아이폰 OS (11)에 대한 아주 오래된 (아이폰 OS 3) 프로젝트를 업데이트하기 위해 필요한 것이었다
더그 Voss이

1

업데이트 된 버전 (Xcode 8.3.3)에 따라 모든 AppIcon세트의 필드에 대해 아래 해상도가 필요하다는 것을 알았습니다 .

40x40
58x58
60x60
80x80
87x87
120x120
180x180

그것은 hdpi, xhdpi, xxhdpi 등과 함께 제공됩니다. 다른 사람들을 도울 수 있기를 바랍니다.

120x120으로 수정

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.