소셜 미디어에서 스크린샷을 보기 좋게 만드는 방법

업데이트: 2026년 10월 30일

피드에서 보기 좋은 스크린샷은 한 가지를 분명하게 보여 주고, 주변에 여유가 있는 차분한 배경 위에 놓이고, 플랫폼이 기대하는 크기로 내보낸 것입니다. 중요한 부분만 남기고 자르고, 여백과 배경을 더하고, 휴대폰 스크린샷은 기기 프레임에 담고, 그림자는 부드럽게 두고, 플랫폼에 맞는 크기의 JPEG로 올리세요. 이 가이드의 나머지 부분에서 각 단계와 피해야 할 실수를 설명합니다.

스크린샷이 피드에서 어설퍼 보이는 이유는 대개 비슷합니다. 비율이 맞지 않고, 숨 쉴 틈 없이 가장자리까지 꽉 차 있고, 휴대폰에서 읽기에는 글자가 너무 작습니다. 이 중 어느 것도 디자인 실력이 있어야 고칠 수 있는 것은 아닙니다.

1. 이미지가 무엇에 관한 것인지 정하세요

도구를 열기 전에, 이미지가 보여 줘야 할 한 가지를 정하세요. 새 화면, 기능 하나, 전후 비교 같은 것입니다. 나머지는 모두 잡음입니다. 한쪽 구석에 작은 새 버튼이 있는 앱 창 전체 스크린샷은 그 버튼을 보여 주지 못합니다.

• 중요한 부분만 자르세요. Mac 앱이라면 창만, 또는 바꾼 패널만 캡처하세요. 휴대폰은 대개 전체 화면이 맞습니다. 프레임이 맥락을 더해 주기 때문입니다.
• 화면부터 정리하세요. 실제처럼 보이는 예시 데이터를 쓰고, 불필요한 패널은 닫고, 개인 이름과 이메일은 가리고, 상태 막대를 깔끔하게 맞추세요.
• 이미지 하나에 메시지 하나. 보여 줄 기능이 세 가지라면 꽉 찬 이미지 하나 대신 이미지 세 장이나 캐러셀을 만드세요.

2. 여유를 주세요

이미지 가장자리에 바짝 붙은 스크린샷은 잘린 것처럼 보이고, 일부 피드는 미리보기의 가장자리를 잘라 냅니다. 여백이 두 문제를 모두 해결합니다. 사방에 캔버스의 약 10분의 1 정도 여백을 남기고, 넓은 캔버스에 휴대폰 하나만 놓을 때는 더 넉넉히 두세요.

캔버스 비율도 여백만큼 중요합니다. 길쭉한 휴대폰 스크린샷을 그대로 올리면 대부분의 피드에서 잘리거나 작아집니다. 대신 플랫폼에 맞는 비율의 캔버스에 올리세요. Instagram과 LinkedIn 게시물은 4:5, X는 16:9, 스토리는 9:16입니다. 전체 목록은 앱 스크린샷 공유용 이미지 크기에 있습니다.

3. 방해되지 않는 배경을 고르세요

배경은 스크린샷을 감싸는 역할입니다. 스크린샷과 경쟁해서는 안 됩니다.

• 단색이 가장 무난합니다. 앱의 팔레트에서 하나 고르되, 가장자리가 잘 보이도록 인터페이스보다 한 톤 밝거나 어둡게 하세요.
• 부드러운 그라디언트는 디테일 없이 깊이를 더합니다. 무지개보다 비슷한 두 색이 더 잘 어울립니다.
• 배경화면과 사진은 풍성해 보이지만 복잡합니다. 대비가 충분한 기기 하나 뒤에는 잘 어울리지만, 작은 글자 뒤에는 덜 어울립니다.

대비로 스크린샷과 배경을 분리하세요. 밝은 배경에는 어두운 인터페이스를, 어두운 배경에는 밝은 인터페이스를 두세요. 인터페이스와 배경이 둘 다 흰색이면 스크린샷이 사라집니다.

4. 부드러운 그림자를 더하세요

옅은 그림자는 스크린샷을 배경에서 띄워 하나의 물체처럼 보이게 합니다. 부드럽고 대비가 낮게 유지하세요. 넓게 흐리고, 불투명도는 낮게, 스크린샷 약간 아래로 떨어지게 합니다. 진하고 딱딱한 그림자는 낡아 보이고 콘텐츠에서 시선을 빼앗습니다.

5. 프레임에 담을지 말지

기기 프레임을 쓸지는 어떤 스크린샷인지에 달려 있습니다.

기기 프레임 중에서 실제 기기 프레임은 세련되고 구체적으로 보입니다. 클레이 목업 같은 미니멀한 프레임은 인터페이스에 시선을 모으고 브랜드 색상에 맞출 수 있습니다. Mac 창은 먼저 macOS 자체 그림자를 없앤 다음 더 깔끔한 그림자를 더하세요. 그림자 없이 Mac 스크린샷을 찍는 방법을 참고하세요.

6. 살짝 기울이거나, 기울이지 마세요

살짝 기울이면 휴대폰이 하나의 물체처럼 느껴지고 정적인 이미지에 움직임이 생깁니다. 너무 과하지 않게 하세요. 많이 기울인 화면은 읽기 어렵고, 그 안의 글자가 찌그러집니다. 설정 화면이나 긴 목록처럼 내용이 빽빽할 때는 정면이 가장 좋습니다.

7. 시리즈는 일관되게

여러 장이나 캐러셀을 올릴 때는 한 세트처럼 보여야 합니다.

• 같은 캔버스 크기와 배경, 또는 한 팔레트에서 고른 배경.
• 같은 기기, 프레임 색상, 각도.
• 모든 이미지에서 기기가 같은 위치에 있어 넘길 때 안정적으로 느껴지게.

일관성이 있어야 대충 모은 것이 아니라 의도한 시리즈처럼 보입니다.

8. 피드 크기에서도 글자가 읽히게

대부분의 사람은 몇 인치 너비의 휴대폰으로 이미지를 봅니다. Mac에서는 괜찮던 인터페이스 글자가 거기서는 읽을 수 없게 됩니다.

• 화면이 허락한다면 캡처할 때 앱의 Dynamic Type 크기를 크게 하세요.
• 작은 행으로 가득한 전체 화면보다, 적고 큰 요소를 보여 주세요.
• 헤드라인을 넣는다면 짧고 크게. 문장보다 몇 단어가 낫습니다.

확인해 보세요. 내보낸 이미지를 휴대폰에서 팔을 뻗은 거리로 보세요. 눈을 찡그리게 된다면 너무 작은 것입니다.

9. 알맞은 크기와 형식으로 내보내세요

• 크기: 4:5 게시물이라면 1080 × 1350처럼, 플랫폼 크기나 그보다 크게 내보내세요. 어차피 플랫폼이 크기를 조절하므로, 훨씬 큰 파일은 업로드만 느리게 합니다.
• 게시용은 JPEG: 용량이 작고, 플랫폼이 압축한 뒤에는 똑같아 보입니다.
• 디테일에는 PNG: 프레젠테이션, 웹사이트, 디자인 파일에 넣을 이미지이거나 투명한 배경이 필요할 때 쓰세요.

해야 할 것과 하지 말아야 할 것

한 번에 모두 하기

여기 나온 모든 단계는 디자인 앱에서도 할 수 있지만, 반복 작업입니다. FeatureFrame은 Mac에서 이 모든 것을 한곳에서 해 줍니다. 스크린샷을 드롭하면 기기를 찾아 3D 프레임에 담거나, Mac 창 캡처를 단순한 카드로 담습니다. 그다음 캔버스 비율, 배경(단색, 그라디언트, macOS 배경화면, 직접 고른 이미지), 그림자, 각도를 고르고, 최대 4K의 JPEG나 PNG로 복사하거나 내보내세요. 캔버스 하나에 스크린샷을 최대 세 개까지 둘 수 있고, @계정명이나 로고를 워터마크로 넣을 수 있습니다. 워터마크가 언제 도움이 되는지는 스크린샷 워터마크에서 다룹니다.

플랫폼별 내용은 X에 앱 스크린샷 공유하기와 Instagram 캐러셀 만들기를 참고하세요. Mac App Store에서 FeatureFrame 받기.

다른 가이드

• 소셜 미디어에 앱 스크린샷을 공유할 때의 이미지 크기
• Mac에서 스크린샷을 iPhone 프레임에 넣는 방법
• X에 앱 스크린샷을 공유하는 방법
• 앱 스크린샷으로 Instagram 캐러셀을 만드는 방법
• 앱 출시를 위한 소셜 미디어 이미지 체크리스트
• 빌드 인 퍼블릭: 진행 상황 스크린샷을 공유하는 방법
• 무료 iPhone 및 iPad 목업 프레임