본문으로 건너뛰기

스크린샷 꾸미기와 목업 만들기

스크린샷에 그라데이션 배경, 그림자, 둥근 모서리, 브라우저나 기기 프레임을 더해요. 모두 브라우저에서 바로 처리해요.

스크린샷을 끌어다 놓거나 붙여넣으세요Ctrl+V (⌘V)를 누르면 클립보드에서 바로 붙여넣을 수 있어요
스크린샷 선택기기에서 처리되며 업로드되지 않아요
브라우저에서 실행 · 업로드 없음작동 방식

스크린샷 꾸미기 사용 방법

  1. 1

    스크린샷 붙여넣기

    화면을 캡처한 직후 이 페이지에서 Ctrl+V (⌘V)를 누르거나 이미지 파일을 끌어다 놓으세요.

  2. 2

    배경 고르기

    그라데이션, 메시, 단색, 내 사진 중에서 고르거나 투명 배경을 선택하세요.

  3. 3

    프레임과 스타일 설정

    브라우저, 창, 노트북, 태블릿, 휴대폰 프레임을 추가하고 여백, 모서리, 그림자, 캡션을 조절하세요.

  4. 4

    내보내기

    크기 프리셋과 1×, 2×, 3× 중 하나를 선택한 다음 PNG를 다운로드하거나 복사하세요.

제한 및 Pro

모든 프레임과 배경에서 스크린샷 한 장당 최대 25 MB까지 쓸 수 있고, 1×, 2×, 3×로 긴 변 기준 최대 8000 px까지 내보낼 수 있어요. 횟수 제한과 워터마크는 없어요.

25 MB보다 큰 원본 파일도 쓸 수 있어요. Pro 전용 프레임이나 스타일은 없어요. Pro 보기

스크린샷 꾸미기 소개

스크린샷 꾸미기는 평범한 캡처 이미지를 완성도 있는 구성으로 감싸 PNG로 내보내는 도구예요. 출력 크기는 스크린샷, 프레임, 여백에 따라 정해져요. 예를 들어 1280 × 800 캡처에 브라우저 프레임과 기본 여백을 적용하면 1×에서 약 1510 × 1112 픽셀, 2×에서는 그 두 배가 돼요. 16:9, 1:1, 4:5, 9:16, X, LinkedIn 프리셋은 이미지를 자르지 않고 캔버스만 각 플랫폼의 비율로 넓혀 줘요. 내보내기는 긴 변 기준 최대 8000픽셀까지 가능하고, 배경을 투명하게 하면 그림자까지 포함된 알파 채널 PNG가 만들어져요.

프레임은 코드로 그려서 어떤 해상도에서도 선명한 일반 기기와 창이에요. 라이트 또는 다크 주소 표시줄이 있는 브라우저, 신호등 버튼과 제목이 있는 데스크톱 창, 덮개와 키보드 부분이 있는 노트북, 태블릿, 아일랜드 또는 펀치홀 카메라 모양의 휴대폰을 쓸 수 있어요. 배경은 톤이 어우러진 그라데이션 12가지와 메시 그라데이션 6가지, 단색, 흐림 효과를 줄 수 있는 사진 중에서 고르세요.

제품 출시, 문서, 릴리스 노트, 소셜 게시물, 슬라이드에 알맞아요. 캡처 위에 화살표나 설명선을 넣는 주석 기능은 없고, 화면을 직접 캡처하지도 않아요. 프레임은 특정 제조사 기기를 똑같이 복제한 것이 아니라 단순화한 모양이에요.

개인정보 보호

모든 구성은 브라우저의 캔버스에서 처리되기 때문에 파일이 기기 밖으로 나가지 않아요. 대시보드나 출시 전 기능을 캡처한 이미지도 안전하게 지킬 수 있어요. 캡션을 추가하면 Google Fonts에서 글꼴을 불러오지만, 이 요청에는 스크린샷 데이터가 담기지 않아요.

기능

직접 그린 프레임

브라우저, 창, 노트북, 태블릿, 휴대폰 두 가지 스타일을 어떤 해상도에서도 선명하게 만들어요.

그라데이션·메시 배경

머티리얼 스타일의 톤 그라데이션, 메시 블렌드, 단색, 내 사진 중에서 고를 수 있어요.

소셜 프리셋

16:9, 1:1, 4:5, 9:16, X, LinkedIn 캔버스를 캡처를 자르지 않고 제공해요.

스크린샷 꾸미기: 자주 묻는 질문

스크린샷을 전문가가 만든 것처럼 보이게 하려면 어떻게 하나요?
여유 공간과 깊이감을 주세요. 부드러운 그라데이션 배경에 8~12% 여백을 두고, 모서리를 살짝 둥글게 하고, 은은한 그림자를 더하세요. 웹사이트 캡처는 실제 주소가 보이는 브라우저 프레임으로 감싸면 좋아요. 배경은 차분하게 해서 화면이 돋보이게 하고, 소셜 네트워크가 이미지 크기를 줄여도 작은 글자가 또렷하도록 2×로 내보내세요.
소셜 미디어에는 어떤 크기 프리셋을 고르면 되나요?
X 게시물과 YouTube 썸네일에는 16:9, 링크 형태의 게시물에는 1.91:1인 LinkedIn, Instagram과 LinkedIn 피드 이미지에는 1:1 또는 4:5, 스토리와 릴스, 쇼츠에는 9:16을 쓰세요. 자동은 프레임을 씌운 스크린샷에 캔버스를 맞춰요. 프리셋은 배경만 넓히므로 스크린샷은 잘리거나 찌그러지지 않아요.
투명한 배경으로 내보낼 수 있나요?
네, 가능해요. 배경에서 없음을 선택하면 PNG에 알파 채널이 유지되고, 프레임을 씌운 스크린샷과 은은한 그림자만 불투명하게 남아요. 색이 있는 슬라이드나 랜딩 페이지 섹션, 디자인 파일에 이미지를 올릴 때 좋아요. 클립보드로 복사해도 Figma, Keynote 같은 앱과 대부분의 디자인 도구에서는 투명도가 그대로 유지돼요.
기기 프레임은 실제 제품 이미지인가요?
아니요. 모든 프레임은 제조사의 이미지를 가져온 것이 아니라 사각형, 곡선, 그라데이션을 이용해 도구의 코드로 직접 그린 거예요. 그래서 어떤 해상도에서도 선명하고 상표 이미지도 쓰지 않아요. 아일랜드형 컷아웃이나 펀치홀 카메라가 있는 휴대폰, 노트북, 태블릿, 데스크톱 창, 브라우저처럼 일부러 일반적인 모양으로 만들었어요.
왜 2× 또는 3×로 내보내야 하나요?
고밀도 화면은 CSS 픽셀 하나에 기기 픽셀을 두세 개 쓰기 때문에 1× 이미지는 흐릿해 보여요. X나 LinkedIn 같은 플랫폼은 업로드한 이미지를 줄여서 작은 글자가 더 흐려지기도 해요. 2×는 두 경우 모두에 충분한 픽셀을 적당한 용량으로 제공하고, 3×는 인쇄나 아주 큰 화면에 알맞아요. 배율은 픽셀 수만 바꾸고 레이아웃은 바꾸지 않아요.