IOS앱 출시 스크린샷 준비하기 Previewed 사이트 활용

IOS앱 심사 제출 시 Previewed 사이트 활용하여 스크린샷 준비하기

 

ios앱을 출시하려고 합니다. 우리가 앱스토어에 앱을 올릴 때 미리보기용 스크린샷이 필요합니다.

Previewed 사이트에서 간편하게 앱 스크린샷을 만들 수 있습니다.

2024년 버전 새글은 아래를 참고해주세요. 피그마와 캔바를 사용했습니다.

https://dev-blog.wealth-info.co.kr/27

그리고 아래 글도 도움되니 읽어보시길!


Apple Connect에 Screenshot을 등록하려면 이미지의 사이즈를 엄격히 지켜야 합니다. 사이즈를 조정하기 위해 https://www.iloveimg.com/ 사이트를 이용합니다.

그 과정이 순탄치만은 않아서 한 번 정리해보겠습니다. 한 번만 해보면 됩니다.

앱스토어에서 앱을 보면 빨간 화살표로 표시한 구역이 앱 미리보기(스크린샷)이 표시되는 부분입니다.

앱 등록 시 스크린샷 준비

Apple Connect 앱 등록 시 스크린샷 제출

 

아이폰 6.5인치 화면과 5.5인치 화면의 스크린샷을 준비해야 합니다.

이때 스크린샷은 기기 기준의 스크린샷 원본을 말하는 거 아닙니다.

시뮬레이터로 굳이 기기를 맞출 필요는 없습니다.

기기 스크린샷이 포함된 이미지를 사이즈에 맞게 만드는 게 포인트.


5.5인치 디스플레이에 맞는 사이즈가 아니면 아래와 같이 빨갛게 느낌표가 뜨며 스크린샷을 등록할 수 없습니다.

사이즈를 억지로 맞췄더라도 이미지가 왜곡된다면 그것 또한 리젝될 가능성이 많으니 한 번 할 때 제대로 등록하는 것이 좋겠습니다.

스크린샷의 사이즈를 정확히 하라는 빨간 안내 표시

Previewed 사이트 활용하기

 

https://previewed.app/
이 사이트에서 간단하게 스크린샷을 만들 수 있습니다.


더 멋지고 어렵게 만드려면 Figma를 이용하면 됩니다. (2024년에 피그마로 쉽게 만들 수 있다는 걸 알았습니다)

오늘은 간단한 툴을 선택했습니다. 아래 화면에서 가로 세로 사이즈 값을 입력합니다.

이미지 크기를 지정할 수 있는 Dimensions 메뉴

그리고 Device를 클릭하면 Frame(기기 모델)을 변경할 수 있습니다.

5.5인치 아이폰을 표시하기 위해 iPhone 8 Real을 선택했습니다.

화면도 iPhone 8에 맞게 시뮬레이션 스크린샷을 준비할 수 있으나 저는 그냥 iPhone XS화면을 재사용했습니다.

Previewed에서 앱 스크린샷을 모두 만들었으면 Download 버튼을 눌러 이미지를 다운받습니다.


Quality에 보면 Free가 있습니다.

아래 화면에 보이듯이 652x1412로 사이즈가 정해져 있습니다. 그 밑에 Original이 제가 필요한 사이즈이긴 한데 유료라서 그냥 Free를 다운로드 받습니다.


그리고 이제 iloveimg 사이트가 필요할 때입니다.

 

iloveimg 이미지 리사이즈 사용법

https://www.iloveimg.com/

이미지 사이즈를 조정할 수 있는 무료 사이트입니다. 앱 출시 관련 다른 분들 블로그를 보는데 자주 등장해서 알게 됐습니다.

이미지 리사이즈 사이트

가로 세로 사이즈를 지정합니다.

빨간 화살표의 Maintain aspect ratio는 꼭 체크해제해야 두 번 일 안합니다.

스크린샷 아래의 빨간박스에서 왼쪽편 회색바탕의 사이즈가 기존 사이즈이고 오른쪽 파란바탕의 사이즈가 리사이즈될 값입니다.


이미지는 5개로 각각 리사이즈되어 압축파일로 다운받을 수 있습니다.

이미지 파일을 모두 Apple Connect 앱 스크린샷 제출에 드래그 앤 드롭하면 추가 완료입니다.

저처럼 헤매이는 분이 있을까봐 간단하게 포스팅해보았습니다. 궁금한 점 있으면 언제든 댓글 남겨주세요. 감사합니다.
 
 

스크린샷 준비 2024년 버전 🔻

https://dev-blog.wealth-info.co.kr/27

iOS 앱 출시 스크린샷 준비, 피그마&캔바 활용