스크린샷 목업 만들기

사용 방법

1. PNG, JPEG, WebP 스크린샷을 끌어 놓거나 붙여넣거나 선택합니다.
2. 그라데이션 배경과 브라우저 프레임을 고릅니다.
3. 캔버스 비율, 여백, 모서리, 그림자를 조절합니다.
4. 필요하면 브라우저 바 제목을 입력하고 실시간 미리 보기를 확인합니다.
5. PNG 다운로드를 눌러 완성한 목업을 저장합니다.

스크린샷을 자르지 않고 캔버스 비율 바꾸기

원본은 스크린샷의 자연스러운 비율을 유지합니다. 정사각형(1:1), 세로형(4:5), 가로형(16:9)을 고르면 이미지 일부를 자르지 않고 필요한 공간을 그라데이션 배경으로 채웁니다. 한 장의 화면을 SNS 게시물, 발표 자료, 랜딩 페이지용으로 바꿀 때 유용합니다.

웹 화면에는 브라우저 프레임

브라우저 프레임을 고르면 스크린샷 위에 작은 제목 바가 추가됩니다. 밝은 프레임과 어두운 프레임 중 화면 분위기에 맞는 것을 고르고, 최대 100자의 제목을 넣어 어떤 웹사이트나 기능인지 함께 보여줄 수 있습니다.

UI 글자를 선명하게 남기는 PNG

완성본은 UI의 가는 글자와 선을 보존하기 좋은 무손실 PNG로 저장합니다. 브라우저 메모리를 고려해 결과의 긴 변은 최대 4,096px으로 제한하며, 더 큰 원본은 자르지 않고 비율에 맞춰 축소합니다.

자주 묻는 질문