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, CarPlay 및 Apple 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.