앱 출시를 위한 소셜 미디어 이미지 체크리스트
업데이트: 2026년 10월 30일
출시에는 대표 이미지 하나와 기능 이미지 서너 장을 하나의 스타일로 만든 다음, 플랫폼마다 원하는 비율로 내보내면 됩니다. X는 16:9, Instagram·LinkedIn·Threads·Bluesky는 4:5, 스토리는 9:16, Product Hunt 갤러리는 1270 × 760, 링크 미리보기는 1200 × 630입니다. 짧은 데모 영상이 있으면 함께 올리고, 모든 이미지에 대체 텍스트를 쓰고, 이 모든 것을 출시 전날까지 준비해 두세요.
출시일은 바쁩니다. 답글에 답하고, 첫 한 시간 안에 누군가 찾은 버그를 고치고, 다섯 군데에 글을 올려야 합니다. 이미지는 미리 끝낼 수 있는 일이니, 미리 끝내 두세요.
이미지 세트 하나로 시작하세요
플랫폼마다 처음부터 디자인하지 마세요. 먼저 작은 세트를 정한 다음 크기만 바꾸면 됩니다.
- 대표 이미지. 앱에서 가장 알아보기 쉬운 화면을 프레임에 담고, 앱이 무엇을 하는지 한 줄로 설명하는 헤드라인을 붙입니다. 가장 많은 사람이 보게 될 이미지이자 링크 미리보기에 나오는 이미지입니다.
- 기능 이미지 서너 장. 한 장에 기능 하나씩, 화면 하나와 짧은 헤드라인만 담습니다. 스레드, 캐러셀, Product Hunt 갤러리에 씁니다.
- 짧은 데모. 있다면 주요 흐름을 10~30초 분량으로 녹화한 화면 영상입니다. 대부분의 피드에서 영상은 눈길을 끌지만, 이미지도 함께 준비하세요. 링크 미리보기나 갤러리 썸네일처럼 영상이 나오지 않는 곳에는 이미지가 보입니다.
이미지 다섯 장과 영상 하나면 아래의 모든 플랫폼을 채울 수 있습니다.
스타일은 하나로 유지하세요
사람들은 하루 동안 여러 곳에서 출시 소식을 보게 됩니다. 모든 이미지가 비슷해 보이면 두 번째, 세 번째로 볼 때 같은 제품으로 기억하고, 그래서 출시가 실제보다 더 크게 느껴집니다.
- 모든 이미지에 같은 배경색이나 그라디언트를 씁니다.
- 기기, 프레임 색상, 각도를 처음부터 끝까지 똑같이 맞춥니다.
- 헤드라인은 같은 위치에 같은 글꼴 스타일로 넣습니다.
- 앱의 색상을 그대로 씁니다. 강조색이 주황색이라면 주황색 배경이나 강조가 이미지를 앱과 이어 줍니다.
스크린샷을 보기 좋게 만드는 방법 가이드에서 배경, 여백, 그림자를 더 자세히 다룹니다.
플랫폼별로 필요한 것
출처가 포함된 전체 크기 목록은 앱 스크린샷 공유용 이미지 크기에 있습니다. 출시를 위해 준비할 것은 다음과 같습니다.
| 위치 | 비율 | 올릴 것 |
|---|---|---|
| X | 16:9, 1600 × 900 | 출시 게시물에는 대표 이미지, 답글에는 기능 이미지 |
| 4:5, 1080 × 1350 | 왜 만들었는지 짧은 이야기와 함께 대표 이미지 | |
| Threads | 4:5, 1080 × 1350 | Instagram과 같은 이미지 |
| Bluesky | 4:5 또는 1:1 | 게시물 하나에 대표 이미지와 기능 이미지 최대 세 장 |
| Instagram 피드 | 4:5, 1080 × 1350 | 캐러셀: 대표 이미지를 먼저, 이어서 기능 이미지 |
| Instagram 스토리 | 9:16, 1080 × 1920 | 대표 이미지와 웹사이트로 가는 링크 스티커 |
| Product Hunt 갤러리 | 1270 × 760 | 대표 이미지를 먼저, 이어서 기능 이미지. 240 × 240 정사각형 썸네일 |
| 링크 미리보기(Open Graph) | 1.91:1, 1200 × 630 | 웹사이트의 og:image로 설정한 대표 이미지 |
X
16:9 이미지는 타임라인에서 잘리지 않고 보입니다. 16:9 캔버스 가운데에 휴대폰 하나만 두면 빈 공간이 많이 남으니, 옆에 헤드라인을 넣거나 화면 두세 개를 나란히 보여 주세요. 대표 이미지는 출시 발표와 함께 올리고, 기능 이미지는 스레드의 답글로 올립니다. X에 앱 스크린샷을 공유하는 방법을 참고하세요.
LinkedIn, Threads, Bluesky
세로형 4:5 이미지는 이 피드들에서 가장 넓은 자리를 차지하고, 휴대폰 스크린샷과도 잘 어울립니다. 1080 × 1350으로 한 번 내보내면 세 곳 모두에 쓸 수 있습니다. Bluesky는 이미지 한 장을 약 2MB로 제한하므로 PNG보다 JPEG로 내보내세요.
피드에는 캐러셀을 쓰세요. 대표 이미지를 먼저 두고, 슬라이드마다 기능 하나씩, 모두 4:5로 만듭니다. 슬라이드 순서는 Instagram 캐러셀 가이드에서 다룹니다. 스토리는 9:16으로 만들고, Instagram이 자체 컨트롤을 그리는 위아래는 비워 두세요.
Product Hunt
Product Hunt의 게시 가이드는 갤러리 이미지에 1270 × 760, 썸네일에 240 × 240을 권장합니다. 3MB 미만이면 GIF 썸네일도 쓸 수 있습니다. 갤러리는 이미지가 최소 두 장 있어야 표시됩니다. 첫 번째 이미지는 대표 이미지로 하세요. 사람들이 클릭하기 전에 보는 이미지입니다.
링크 미리보기
웹사이트로 링크하는 모든 게시물에는 Open Graph 이미지가 나옵니다. 대표 이미지를 1200 × 630으로 만들고 출시일 전에 확인하세요. 앱 웹사이트용 Open Graph 이미지 가이드에 태그와 테스트 방법이 정리되어 있습니다.
대체 텍스트는 지금 쓰세요
대체 텍스트는 화면 읽기 프로그램을 쓰는 사람들에게 이미지를 설명해 주는데, 급하게 올리다 보면 빠뜨리기 쉽습니다. 전날, 게시물 문구와 같은 문서에 미리 써 두세요.
- 화면이 무엇을 보여 주는지, 왜 중요한지 적으세요. “앱 스크린샷”보다 “Earnings Call 파일이 28% 변환되었고 7분 남음”이 훨씬 많은 것을 알려 줍니다.
- 이미지에 헤드라인이 있다면 그 문구도 넣으세요.
- 짧게 쓰세요. Buffer의 대체 텍스트 가이드에 따르면 LinkedIn은 300자로 제한하며, 어디서든 200자 이내를 권장합니다.
FeatureFrame으로 이미지 만들기
FeatureFrame은 바로 이런 작업을 위해 만든 Mac 앱입니다. iPhone이나 iPad 스크린샷을 넣으면 픽셀 크기로 기기를 감지하고 해당 모델의 3D 프레임에 담아 줍니다. 출시용 세트를 만드는 방법은 다음과 같습니다.
- 대표 이미지를 만듭니다. 스크린샷 하나에, 모든 이미지에 쓸 배경과 각도를 정해 4:5 캔버스에 담습니다.
- 다른 플랫폼용으로 캔버스를 16:9, 9:16 또는 1.91:1로 바꿉니다. Product Hunt에는 사용자 지정에서 127:76을 씁니다.
- X용으로는 스크린샷을 최대 세 개까지 추가하고 가로 배열 레이아웃으로 나란히 놓습니다.
- 각 이미지를 1080p JPEG(소셜 미디어 설정)로 내보내거나, ⌘C로 복사해 게시물에 바로 붙여넣습니다.
일관된 느낌을 위해 모든 이미지에 같은 기기와 색상을 유지하세요. 기기 프레임 라이브러리에서 모든 모델과 색상을 볼 수 있습니다.
출시 전날 체크리스트
- 대표 이미지를 16:9, 4:5, 9:16, 1270 × 760, 1200 × 630으로 내보냈나요?
- 기능 이미지 서너 장을 4:5로, X에 올릴 거라면 16:9로도 만들었나요?
- Product Hunt용 240 × 240 썸네일이 있나요?
- 데모 영상이 플랫폼별 길이 제한 안에 들어가나요?
- 모든 이미지의 대체 텍스트를 게시물 문구 옆에 적어 두었나요?
- 웹사이트의
og:image를 업데이트하고 테스트했나요? - 스크린샷에 이름, 이메일, 알림, 테스트 계정의 실제 데이터 같은 개인 정보가 없나요?
- 모든 파일을 플랫폼 이름으로 정리해 한 폴더에 모아, 아침 9시에 파일을 찾아 헤매지 않게 했나요?
그다음엔 푹 주무세요. 이미지는 다 끝났습니다.